.bpa-front-module--cart .bpa-fmc--head{ margin-bottom: 28px; align-items: center; } .bpa-front-module--cart .bpa-front-module-heading{ margin-bottom: 0 !important; display: flex; } .bpa-front-module--cart .bpa-front-module-heading .bpa-fmc--head-counter{ font-size: 13px; line-height: 16px; color: var(--bpa-dt-black-300); font-weight: 500; padding: 4px 8px; border-radius: var(--bpa-radius-4px); border: 1px solid var(--bpa-gt-gray-400); background-color: var(--bpa-gt-gray-100); margin-left: 12px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-fmc--center-btn.bpa--cart-btn-gap{ margin-bottom: 24px; } .bpa-front-module--cart .bpa-fmc--center-btn{ display: flex; justify-content: center; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-front-module--cart .bpa-fmc--right-btn{ display: flex; justify-content: flex-end; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-front-module--cart .bpa-fmc--right-btn .bpa-front-btn svg{ fill: var(--bpa-dt-black-200); } .bpa-fmc--right-btn .bpa-front-btn > span{ display: flex; align-items: center; vertical-align: unset; flex-wrap: wrap; white-space: normal; justify-content: center; } .bpa-front-module-container.bpa-front-module--cart .bpa-fmc--right-btn .bpa-front-btn > span{ display: inline-block; text-wrap: wrap; } .bpa-fmc--cart-items-wrap .bpa-cart__item{	 -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; } .bpa-cart__item .bpa-cart__item-body{ display: flex; align-items: center; border-bottom: 1px solid var(--bpa-gt-gray-400);	 padding: 20px 12px; position: relative; cursor: pointer; } .bpa-cart__item-body .bpa-ci__service-date, .bpa-cart__item-body .bpa-ci__service-time, .bpa-cart__item-body .bpa-ci__service-price{ flex: 1; } .bpa-cart__item-body .bpa-ci__service-price{ text-align: right; } .bpa-ci__service-price .bpa-ci__service-deposit-price-value .bpa-ci__service-full-price-value{ color: var(--bpa-dt-black-200); font-weight: normal; } .bpa-cart__item-body .bpa-ci__service-time .bpa-front-bs__waiting-note, .bpa-cart-items-wrap--sm .bpa-hl__service-dt-val .bpa-front-bs__waiting-note{ background-color: var(--bpa-pt-secondary-orange-alpha-08); border: 1px solid rgba(245,174,65,0.26); border-radius: var(--bpa-radius-4px); padding: 5px 8px; display: flex; align-items: center; margin-top: 4px; } .bpa-cart-items-wrap--sm .bpa-hl__service-dt-val .bpa-front-bs__waiting-note{ margin-top: 8px; } .bpa-cart__item-body .bpa-ci__service-time .bpa-front-bs__waiting-note svg, .bpa-cart-items-wrap--sm .bpa-hl__service-dt-val .bpa-front-bs__waiting-note svg{ margin-right: 4px; width: 14px; height: 14px; min-width: 14px; } .bpa-cart__item-body .bpa-ci__service-time .bpa-front-bs__waiting-note svg path, .bpa-cart-items-wrap--sm .bpa-hl__service-dt-val .bpa-front-bs__waiting-note svg path{ fill: var(--bpa-pt-secondary-orange); } .bpa-cart__item-body .bpa-ci__service-time .bpa-front-bs__waiting-note .bpa-front-wn--label, .bpa-cart-items-wrap--sm .bpa-hl__service-dt-val .bpa-front-bs__waiting-note .bpa-front-wn--label{ font-size: 13px; line-height: 16px; color: var(--bpa-dt-black-400); font-family: var(--bpa-primary-font); font-weight: normal; } .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(2){animation-delay: 0.1s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(3){animation-delay: 0.2s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(4){animation-delay: 0.3s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(5){animation-delay: 0.4s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(5){animation-delay: 0.5s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(6){animation-delay: 0.6s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(7){animation-delay: 0.7s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(8){animation-delay: 0.8s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(9){animation-delay: 0.9s;} .bpa-fmc--cart-items-wrap .bpa-cart__item:nth-child(10){animation-delay: 1s;} .bpa-cart__item-total{	 padding: 0 12px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart__item-total .bpa-cit__item{ font-size: 16px; font-weight: 500; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-400); line-height: 20px; } .bpa-cart__item-total .bpa-cit__item.--bpa-is-item-amt{ font-weight: 600; color: var(--bpa-pt-main-green); } .bpa-cart__item .bpa-ci__service-brief{ display: flex; align-items: center; min-width: 310px; max-width: 310px; } .bpa-ci__service-brief .bpa-ci__expand-icon{ width: 20px; min-width: 20px; height: 20px; margin-right: 12px; } .bpa-ci__service-brief .bpa-ci__expand-icon path{ fill: var(--bpa-dt-black-200); } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--left img{ border-radius: var(--bpa-radius-6px);	 width: 60px; height: 68px; object-fit: cover; object-position: center; max-width: unset; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--right{ margin-left: 12px; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--right .bpa-sbr__title{ font-size: 16px; line-height: 20px; font-weight: 500; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-400); } .bpa-cart__item .bpa-ci__service-col-val{ font-size: 14px; line-height: 18px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); font-weight: normal; margin: 0; } .bpa-cart__item-expand-view{ background-color: var(--bpa-gt-gray-100); border-radius: var(--bpa-radius-8px); padding: 20px 12px; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.3s; animation-duration: 0.3s;     -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-cart-iev__head{ display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-iev__head .bpa-cart-iev__h-item{ flex: 1; border-right: 1px solid var(--bpa-gt-gray-400); text-align: center; } .bpa-cart-iev__head .bpa-cart-iev__h-item:last-child{ border-right: none; } .bpa-cart-iev__h-item .bpa-cart-iev__hi-label{ font-family: var(--bpa-primary-font); font-size: 14px; line-height: 16px; font-weight: 500; color: var(--bpa-dt-black-300); margin-bottom: 4px; } .bpa-cart-iev__h-item .bpa-cart-iev__hi-val{ font-family: var(--bpa-primary-font); font-size: 14px; line-height: 16px; font-weight: 500; color: var(--bpa-dt-black-400); } .bpa-cart-iev__extras-wrap{ margin-top: 12px; } .bpa-cart-exw__title{ font-size: 16px; line-height: 20px; font-weight: 500; border-bottom: 1px solid var(--bpa-gt-gray-400); padding-bottom: 4px; margin-bottom: 8px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-400); -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-exw__items{ display: flex; width: 100%; flex-wrap: wrap; } .bpa-cart-exw__items .bpa-cart-exw__item{ display: flex; flex-wrap: wrap; min-width: 50%; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; margin-bottom: 12px; } .bpa-cart-exw__items .bpa-cart-exw__item:nth-last-child(-n + 2){ margin-bottom: 0; } .bpa-cart-exw__item .bpa-cart-exi__left, .bpa-cart-exw__item .bpa-cart-exi__right{ flex: 1; max-width: calc(50% - 8px); padding-left: 8px; } .bpa-cart-exi__left .bpa-cart-exi-left__opts{ display: flex; } .bpa-cart-exi__left .bpa-cart-exi__name, .bpa-cart-exi__right .bpa-cart-exi__price{ font-size: 13px; line-height: 18px; font-weight: 500; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); } .bpa-cart-exi__left .bpa-cart-exi-left__opts{ margin-top: 4px; } .bpa-cart-exi__left .bpa-cart-exi-left__opts .bpa-cart-exi__duration, .bpa-cart-exi__left .bpa-cart-exi-left__opts .bpa-cart-exi__qty{ font-size: 13px; line-height: 16px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); font-weight: normal; } .bpa-cart-exi__left .bpa-cart-exi-left__opts .bpa-cart-exi__qty{ margin-left: 12px; } .bpa-cart__item-total-deposit .bpa-cit__item{ display: flex; align-items: center; } .bpa-cart__item-total-deposit .bpa-cit__item-deposit-label{ font-size: 14px; margin-left: 4px; font-weight: normal; color: var(--bpa-dt-black-200); } .bpa-cart__item .bpa-ci__service-price .bpa-ci__service-col-val{ font-weight: 500; } .bpa-cart__item .bpa-ci__service-actions{ align-items: center; position: absolute; right: 12px; opacity: 0; } .bpa-cart__item:hover .bpa-ci__service-actions, .bpa-ci__service-actions:focus-within{ opacity: 1; } .bpa-ci__service-actions .bpa-ci__sa-wrap{ background-color: var(--bpa-cl-white); border: 1px solid var(--bpa-gt-gray-400); border-radius: var(--bpa-radius-6px); box-shadow: 0px 8px 16px rgba(114, 124, 149, 0.06), 0px 16px 32px rgba(114, 124, 149, 0.16); padding: 5px 11px; display: flex; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box{ justify-content: center; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box:hover{ background-color: var(--bpa-pt-main-green) !important; border-color: var(--bpa-pt-main-green) !important; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box span .material-icons-round{  vertical-align: middle; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box span svg{ vertical-align: middle; fill: var(--bpa-dt-black-200); } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box:hover span svg{ fill: var(--bpa-cl-white); } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn--icon-without-box+.bpa-front-btn--icon-without-box{ margin-left: 8px !important; } .bpa-mob-sticky__cart-btn{ display: none; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--left img{ width: 50px; height: 50px; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--left .bpa-front-si__default-img{ height: 50px; width: 50px; border: 1px solid var(--bpa-gt-gray-400); border-radius: var(--bpa-radius-6px); display: flex; align-items: center; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--left .bpa-front-si__default-img svg{ width: 32px; height: 32px; fill: var(--bpa-dt-black-200); } .bpa-cart-module-body--sm{ display: none; } .bpa-cart-item--sm{ padding: 0 20px 24px 20px; border-bottom: 1px solid var(--bpa-gt-gray-400); margin-bottom: 24px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-cart-item--sm:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .bpa-cart-item--sm .bpa-ci__head{ margin-bottom: 20px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-ci__head-service-row, .bpa-cart-item--sm .bpa-ci__head-options-row{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .bpa-cart-item--sm .bpa-ci__head-service-row .bpa-hl__service-title{ max-width: 220px; white-space: pre-wrap; font-size: 16px; line-height: 20px; font-weight: 500; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-400); } .bpa-cart-item--sm .bpa-ci__head-service-row .bpa-hl__service-price{ font-size: 16px; font-weight: 500; line-height: 20px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); text-align: right; } .bpa-cart-item--sm .bpa-hl__service-price .bpa-ci__service-full-price-value{ font-size: 13px; line-height: 16px; } .bpa-cart-item--sm .bpa-ci__head-options-row{ margin-top: 8px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-ci__head-options-row .bpa-hl__service-dt-val{ font-size: 14px; line-height: 16px; font-weight: normal; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); max-width: 220px; } .bpa-cart-item--sm .bpa-ci__head-options-row .bpa-hl__service-duration{ font-size: 14px; line-height: 16px; color: var(--bpa-dt-black-300); font-family: var(--bpa-primary-font); font-weight: normal; display: flex; flex-wrap: wrap; align-items: center; } .bpa-cart-item--sm .bpa-ci__head-options-row .bpa-hl__service-duration svg{ width: 16px; height: 16px; margin-right: 4px; } .bpa-cart-item--sm .bpa-ci__head-options-row .bpa-hl__service-duration svg path{ fill: var(--bpa-dt-black-200); } .bpa-cart-item--sm .bpa-ci__body{ background-color: var(--bpa-gt-gray-100); border-radius: var(--bpa-radius-4px); padding: 16px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-body__options{ margin-bottom: 12px; } .bpa-cart-item--sm .bpa-body__options .bpa-bo__item{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-body__options .bpa-bo__item:last-child{ margin-bottom: 0; } .bpa-cart-item--sm .bpa-bo__item .bpa-boi__left{ font-size: 13px; line-height: 16px; font-weight: normal; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-300); } .bpa-cart-item--sm .bpa-bo__item .bpa-boi__right{ font-size: 14px; line-height: 16px; font-weight: 500; color: var(--bpa-dt-black-400); font-family: var(--bpa-primary-font); } .bpa-cart-item--sm .bpa-body__extras-wrap{ background-color: var(--bpa-cl-white); border-radius: var(--bpa-radius-4px); box-shadow: 2px 2px 12px rgba(114, 124, 149, 0.16); padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 16px;	 } .bpa-cart-item--sm .bpa-bew__head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;	 cursor: pointer; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-bew__head-title{ font-size: 14px; line-height: 18px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-400); } .bpa-cart-item--sm .bpa-bew__head-icon{ display: flex; align-items: center; } .bpa-cart-item--sm .bpa-bew__head-icon svg{ width: 16px; height: 16px; transition: all 0.3s ease; transform: rotate(180deg); } .bpa-cart-item--sm .bpa-bew__head.__bpa-is-active .bpa-bew__head-icon svg{ transform: rotate(0deg); } .bpa-cart-item--sm .bpa-bew__head-icon svg path{ stroke: var(--bpa-dt-black-200); fill: none; } .bpa-cart-item--sm .bpa-bew-body__item{ display: flex; align-items: center; justify-content: space-between; margin-top: 8px; -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bpa-cart-item--sm .bpa-bew-bi__extra-service-title{ font-size: 13px; font-weight: normal; line-height: 18px; font-family: var(--bpa-primary-font); color: var(--bpa-dt-black-200); } .bpa-cart-item--sm .bpa-bew-bi__extra-qty, .bpa-cart-item--sm .bpa-bew-bi__extra-duration{ font-weight: 500; color: var(--bpa-dt-black-300); padding-right: 4px; display: inline-block; } .bpa-cart-item--sm .bpa-bew-bi__right .bpa-bew-bi-extra-price{ font-size: 13px; font-weight: 500; line-height: 18px; color: var(--bpa-dt-black-300); font-family: var(--bpa-primary-font); } .bpa-cart-item--sm .bpa-bew__action-btns{ display: flex; } .bpa-cart-item--sm .bpa-bew__action-btns .bpa-front-btn{ flex: 1; background-color: var(--bpa-cl-white) !important; border-color: var(--bpa-gt-gray-400); -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.645, .045, .355, 1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.1s; } .bpa-cart-item--sm .bpa-bew__action-btns .bpa-front-btn svg{ width: 16px; fill: var(--bpa-dt-black-200); } .bpa-cart-item--sm .bpa-bew__action-btns .bpa-front-btn:hover{ background-color: var(--bpa-pt-main-green) !important; border-color: var(--bpa-pt-main-green) !important; color: var(--bpa-cl-white) !important; } .bpa-cart-item--sm .bpa-bew__action-btns .bpa-front-btn:hover svg{ fill: var(--bpa-cl-white); } .__bpa-is-disabled{ opacity: 0.6; cursor: not-allowed; } .bpa-data-empty-view-cart{ display: flex; align-items: center; justify-content: center; margin: 20px 0; } .bpa-ev-cart-right-content h4{ font-size: 18px; line-height: 20px; color: var(--bpa-dt-black-400); font-weight: 600; margin: 0; text-align: center; } .bpa_add_cart_service_span{ line-height: 19px; } @media (max-width: 768px) {  .bpa-cart-module-body--lg{ display: none; } .bpa-cart-module-body--sm{ display: block; }	 } @media (min-width: 577px) {  .bpa-cart-item--sm{ padding: 0 0 24px 0; }	 } @media (max-width: 576px) {     .bpa-fmc--head-counter{ display: none; } .bpa-front-module--cart .bpa-fmc--head{ margin-bottom: 28px; padding: 0 20px; } .bpa-front-module--cart .bpa-fmc--right-btn .bpa-front-btn{ padding: 8px 12px; } .bpa-fmc--cart-items-wrap .bpa-cart__item{ flex-direction: column; background-color: var(--bpa-cl-white); padding: 20px 0; border-bottom: 1px solid var(--bpa-gt-gray-400); border-radius: 0; position: relative; margin-bottom: 0; }	 .bpa-fmc--cart-items-wrap .bpa-cart__item:last-child{ padding: 20px 0; } .bpa-fmc--cart-items-wrap .bpa-cart__item.__bpa-is-active{ border-color: transparent; box-shadow: 0 0 12px rgba(114,124,149,0.12), 0 4px 8px rgba(114,124,149,0.12); } .bpa-cart__item .bpa-ci__service-brief{ flex-direction: column; width: 100%; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--left img{ margin-right: 0; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--right{ text-align: center; margin-top: 16px; margin-left: 0; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--bpa-gt-gray-400); width: 100%; } .bpa-cart__item .bpa-ci__service-brief .bpa-sb--right .bpa-sbr__title{ margin-bottom: 8px; } .bpa-cart__item-total .bpa-cit__item{ font-size: 14px; } .bpa-cart__item .bpa-ci__service-actions{ position: absolute; top: 12px; right: 12px; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn{ padding: 8px; } .bpa-cart__item .bpa-ci__service-actions .bpa-front-btn span.material-icons-round{  font-size: 20px; } .bpa-cart__item .bpa-ci__service-price .bpa-ci__service-col-val{ font-size: 16px; line-height: 20px; text-align: center;		 } .bpa-cart-total-wrap-sm{ position: relative; bottom: -34px; border-top: 1px solid var(--bpa-gt-gray-400); } .bpa-cart__item-total{ margin-top: 0; border-radius: 0; border-right: none; border-left: none; padding: 12px 20px; }	 .bpa-mob-sticky__cart-btn{ display: inline-flex; position: fixed; bottom: 88px; z-index: 9999; right: 0; width: 40px; height: 40px; background-color: var(--bpa-pt-main-green); box-shadow: 0px 2px 6px rgba(83, 126, 110, 0.24); border-radius: var(--bpa-radius-6px) 0 0 var(--bpa-radius-6px); } .bpa-mob-sticky__cart-btn span.el-link--inner{ line-height: 1; } .bpa-mob-sticky__cart-btn span.material-icons-round{  font-size: 20px; color: var(--bpa-cl-white); } .bpa-mob-sticky__cart-btn svg{ width: 20px; fill: var(--bpa-cl-white); } } @keyframes bpaFadeInUp { 0% { opacity: 0; transform: translateY(10%); transform-origin: center; } 100% { opacity: 1; transform: translateY(0); } }