@import "header.css";
@import "home.css";
@import "footer.css";
@import "articles.css";
@import "main-slider.css";
@import "footer-modal.css";
@import "pages/china.css";
@import "cart-empty.css";
@import "product/category.css";
@import "account/login.css";
@import "account/wishlist.css";
@import "account/account.css";
@import "account/registr.css";
@import "modal/cont-modal.css";
@import "checkout/checkout.css";
@import "checkout/guest.css";
@import "checkout/cart.css";
@import "checkout/order.css";
@import "default-style.css";
@import "old-styles.css";
@import "button.css";
@import "forms.css";
@import "pages/product.css";
@import "pages/master-class.css";
@import "pages/design-service.css";
@import "pages/about.css";
@import "pages/contact.css";
@import "pages/delivery.css";
@import "pages/favorite.css";
@import "modules/special-home.css";

:root {
    --pageColor: #F5F5F5;
    --white: #ffffff;
    --textColor: #333333;
    --smallTextColor: #717171;
    --blue: #F3F8FF;
    --accentColor: #F33846;
    --lineColor: #E1E1E1;
    --blueDarck: #72B2DF;
    --black: #000000;
}


* {
    box-sizing: border-box;
}

* a {
     color: var(--textColor);
     text-decoration: none;
}

* :checked {
    accent-color: var(--accentColor);
    
}

h2 {
    font-family: 'Raleway-SemiBold';
    font-size: 32px;
    line-height: 38px;

}

.wrapper {
    max-width: 1900px;
    margin: 0 auto;
    background-color: var(--white);
}

.container {
    max-width: 1470px;
    margin: 0 auto;

}

.panel-collapse.collapse {
    display: none;
}
.panel-collapse.collapse.in {
    display: block;
}










/* Strat basket page */

.basket-page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 60px;
    gap: 30px;
}

.basket-page-body {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
}

.baket-products {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
}

.baket-products-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    gap: 20px;
    width: 1095px;

    border: 1px solid var(--lineColor);
    border-radius: 20px;
}

.basket-order {
    width: 345px;
    height: 291px;
}

.order-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    gap: 20px;

    background: var(--blue);
    border-radius: 20px;
}

.basket-item-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
}

.basket-product-labaels {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 6px;
}

.basket-item-text {
    width: 340px;
    font-family: 'Raleway-Medium';
    font-size: 16px;
    line-height: 22px;
}

.basket-item-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;

    margin: 0 auto;
}

.basket-current-price {
    font-family: 'Raleway-Bold';
    font-size: 18px;
    line-height: 25px;
}

.basket-old-price {
    font-family: 'Raleway-Medium';
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: line-through;
    color: var(--smallTextColo);
}

.basket-discont-price {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 4px;
    gap: 10px;

    width: 37px;
    height: 21px;

    background: var(--textColor);
    border-radius: 4px;

    font-family: 'Raleway-Bold';
    font-size: 12px;
    line-height: 17px;
    color: var(--white);
}

.basket-item-quantity {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 6px;

    margin: 0 auto;
}

.basket-quantity-count {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 9px;
    gap: 22px;

    width: 104px;
    height: 36px;

    background: var(--blue);
    border-radius: 6px;
}

.basket-quantity-turn-down,
.basket-quantity-add {
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

}

.basket-quantity-item {
    margin: 0 auto;

    font-family: 'Raleway-Bold';
    font-size: 16px;
    line-height: 22px;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
}

.basket-price-for-item {
    font-family: 'Raleway-Medium';
    font-size: 12px;
    line-height: 17px;

    text-align: center;
    color: var(--smallTextColor);
}

.basket-remove-add-favorite {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.order-offer-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px 0px 14px;
    gap: 20px;
    width: 285px;
    height: 43px;

    border-bottom: 1px solid #D6E6F9;
}

.offer-header-text {
    font-family: 'Raleway-Bold';
    font-size: 24px;
    line-height: 29px;
}

.offer-quantity-roduct {
    font-family: 'Raleway-Medium';
    font-size: 14px;
    line-height: 17px;
    color: var(--smallTextColor);
}


.total-order {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 285px;
}

.totla-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 20px;

    width: 285px;
    height: 24px;

    font-family: 'Raleway-Bold';
    font-size: 20px;
    line-height: 24px;
}

.total-disocnt {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px;

    width: 100%;
    height: 17px;

    font-size: 14px;
    line-height: 17px;
}

.total-disocnt-dotted {
    margin: 0 auto;
    width: 100%;
    height: 0px;

    border: 1px dashed #B8C8DB;
}

.total-disocnt-red {
    font-family: 'Raleway-SemiBold';
    color: var(--accentColor);
}


.clear-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;

    width: 151px;
    height: 20px;
}

.clear-basket-text {
    font-family: 'Raleway-SemiBold';
    font-size: 14px;
    line-height: 140%;
    cursor: pointer;
}

.clear-basket-ico {
    cursor: pointer;
}


/* End basket page */



/* Доделки */


.offers-image {
    position: relative;
}

.best-offer-icon {
    position: absolute;
    top: -30px;
    right: -30px;
}

.discont-offers-sort {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}


.search-resault-form {
  display: flex;
  gap: 10px;
  align-items: center;
}


.input-search {
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 3px;
}

.gap20 {
    gap: 20px;
}


.add-to-favorite {
    cursor: pointer;
}

.hidden {
    display: none !important;
}