.asideblock1 { height: 100%; }
#slider-menu-aside { width: 480px; padding: 0; }
.slider-menu-aside-open main::after { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; background-color: rgba(0,0,0,0.5); }
.slider-menu-aside-open .slideout-panel { overflow-y: hidden; transform: translateX(-480px) !important }
.slider-menu-aside-open #slider-menu-aside { display: block; }
.aside-cart-wrapper { position: relative; height: 100%; overflow: hidden; display: flex; flex-direction: column; background: #FFF; color: #000; }
.aside-cart-wrapper .aside-cart-items { flex-grow: 1; overflow-y: auto; padding: 30px; scrollbar-width: none; }
/*.aside-cart-wrapper .aside-cart-items > div.aside-cart-item { margin-bottom: 25px; display: flex; border-bottom: 1px solid #EEE; padding-bottom: 25px; }*/
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item { margin-bottom: 20px; display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2, auto); border-bottom: 0px solid #EEE; position: relative; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item:not(:last-child) { padding-bottom: 20px; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc { margin-top: 10px; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item:not(:last-child):before { content: ''; width: 100%; height: 2px; background: var(--octonary-color); position: absolute; bottom: 0; left: 0; border-radius: 50%; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-image { width: 100%; grid-row: 1/span2; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-image > img { width: 100%; object-fit: cover; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-data { width: 100%; margin-left: 10px; padding: 0; position: relative; z-index: 50; display: flex; grid-column: 2/span3; }
.aside-cart-item-data .cart-item .component-name { font-weight: 600; font-size: 1.2rem; line-height: 1.4rem; }
.aside-cart-item-data .cart-item .component-code { margin-top: 10px; }
.aside-cart-item-data .cart-item .system-name { margin-top: 10px; }
.aside-cart-item-data .cart-item * { line-height: 1.2rem; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc { grid-row: 2; grid-column: 2/span3; padding-inline: 10px; display: flex; align-items: baseline; font-weight: 600; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc > .aside-cart-item-qty { font-size: 1rem; width: fit-content; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc > .aside-cart-item-qty > div { display: inline-block; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc > .aside-cart-item-qty > div:first-child { padding-inline: 10px; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-price { width: fit-content; text-align: right; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-price > span { display: block; font-size: 1.3rem; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-item.current-variant { opacity: 0; animation: currentVariantShow 1s ease-in-out forwards; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-empty { font-weight: 300; color: var(--primary-color); display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; font-size: 1.5rem; }
.aside-cart-wrapper .aside-cart-items > div.aside-cart-empty i { font-size: 3.5rem; margin-top: 25px; }
.aside-cart-wrapper .aside-cart-summary { padding: 30px; position: relative; background: var(--octonary-color); }
.aside-cart-wrapper .aside-cart-summary table { margin-bottom: 30px; width: 100%; }
.aside-cart-wrapper .aside-cart-summary table tr td:first-child { width: 60%; }
.aside-cart-wrapper .aside-cart-summary table tr td:last-child { text-align: right; width: 40%; font-weight: 700; font-size: 1.5rem; }
.aside-cart-wrapper .aside-cart-summary table tr td > span { font-size: 1.15em; }
.aside-cart-wrapper .aside-cart-summary > a { position: relative; z-index: 100; display: flex; width: 100%; font-weight: 400; padding: 18px 10px; background-color: var(--secondary-color); color: #FFF; text-transform: uppercase; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 1em; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; letter-spacing: 0.05rem; }
.aside-cart-wrapper .aside-cart-summary > a:last-child { margin-bottom: 0; }
.aside-cart-wrapper .aside-cart-summary > a.aside-cart-summary-shopping { background-color: var(--primary-color); color: #FFF; }

@media (pointer:fine) {
    .aside-cart-wrapper .aside-cart-summary > a:hover { filter: brightness(110%) }
}

@media (max-width:1200px) {
    .aside-cart-wrapper .aside-cart-items:after { display: none; }
}

@media (max-width: 640px) {
    .aside-cart-wrapper .aside-cart-items, .aside-cart-wrapper .aside-cart-summary { padding: 20px }
    .slider-menu-aside-open .slideout-panel { transform: translateX(-320px) !important }
    #slider-menu-aside { width: 320px }
    .aside-cart-wrapper .aside-cart-summary table tr td:first-child { width: 40%; }
    .aside-cart-wrapper .aside-cart-summary table tr td:last-child { width: 60%; }
    .aside-cart-wrapper .aside-cart-summary table tr td > span { font-size: 1em; display: inline-block; }
}

@media (max-width:480px) {
    #slider-menu-aside { width: 320px; }
    .aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-image { display: none; }
    .aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-data { padding: 0; grid-column: 1/span3; margin-left: 0; }
    .aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-data > .aside-cart-item-title { padding-left: 0; }
    .aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-calc { grid-column: 1/span3; padding: 0; }
    .aside-cart-wrapper .aside-cart-items > div.aside-cart-item .aside-cart-item-price { }
    .aside-cart-wrapper .aside-cart-summary { padding: 25px 15px; }
    .aside-cart-wrapper .aside-cart-summary table { margin-bottom: 15px; }
    .aside-cart-wrapper .aside-cart-summary table tr td:first-child { width: 100%; display: block; margin-bottom: 10px; }
    .aside-cart-wrapper .aside-cart-summary table tr td:last-child { width: 100%; display: block; text-align: left; }
}

/*** ANIMATION ***/
@keyframes currentVariantShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes currentVariantShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes currentVariantShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-ms-keyframes currentVariantShow {
    from { opacity: 0; }
    to { opacity: 1; }
}