:root{ 
    --bs-body-font-family:"Inter", Sans-serif;
    --bs-body-font-size:12px; 
    --bs-bgcolor:#fafafa; 
    --bs-inputbg:#f5f5f5; 
    --bs-violet:#6e2d87;
    --bs-green:#b4d737;
    --cc-bmargin:12px; 
} 

.row{ --bs-gutter-x:12px; }

html{ font-size: var(--bs-body-font-size); font-weight:400; color:#212121; }
body.login{ background: #B4D737; }

.tac{ text-align:center !important; }
.tar{ text-align:right !important; }
.tal{ text-align:left !important; }

.mt-30{ margin-top:30px; }
.pageContent{ width:calc(100% - 40px); margin:auto 20px; }
@media (min-width: 1200px) {
   .pageContent{ width:1140px; margin:auto; }
}

.modal-backdrop.show { opacity: .8; }

header{ background: #fff; }
body.green header{ background: #B4D737; }

h1{ font-size:24px; font-weight:700; margin:40px 0; color:#212121; }
h2{ font-size:32px; font-weight:700; }
h4{ font-size:16px; font-weight:700; }

.topBar{  }
.topBanner{ min-height:150px; padding: 0 12px 80px; }
.navbar{ padding-top:25px; padding-bottom:25px; }
.navbar a{ color:#212121; font-size:12px; }
.btn.menu2{ font-size: 12px; height: 40px; padding: 10px 18px; border:none;}
.btn-own{ border-radius:150px; border:1px #6E2D87 solid; color:#6E2D87; }
.btn-own-sm{ padding: 6px 9px 5px 9px; line-height:1; }
.btn-own:hover{ background-color:#6E2D87; color: #fff; }


.btn-own-r{ border-radius:150px; background-color:var(--bs-violet); color: #fff !important; }
.btn-own-r:hover{ border:1px #6E2D87 solid; background-color:#8E4Da7; color: #fff; }

.prodCats { margin-top:-50px; }
.prodCats .catItem{ display:block; text-decoration:none; background:var(--bs-bgcolor); border-radius:10px; overflow:hidden; text-align:center; padding:20px; margin-bottom:1.5rem; }
.prodCats .catItem:hover{ background:var(--bs-violet); }
.prodCats .catItem .icon{ text-align:center; margin:auto; width:100px; height:40px; background-color: #9e9e9e; }
.prodCats .catItem p{ font-size: 1.3rem; color:#9e9e9e; font-weight:bold; margin-top:20px; margin-bottom:0; }
.prodCats .catItem:hover .icon{ background-color:#fff; }
.prodCats .catItem:hover p{ color:#fff; }



.prodItem{ margin:6px 0; border-radius:10px; overflow:hidden; }
.prodItem:hover{ }
.prodItem .image{ height:200px; text-align:center; background:#f5f5f5; }
.prodItem .image img{ max-width:100%; max-height:100%; }
.prodItem .title{ font-size:16px; font-weight:bold; line-height:19.4px;  min-height: 45px; }
.prodItem .title a{ color:#212529; text-decoration:none; }
.prodItem .prod-type{ color:#9e9e9e; font-size:12px; line-height:14.5px; }
.prodItem .desc{ line-height:1.3; margin:10px 0 15px 0; min-height:48px; }
.prodItem .btn-line{ display:flex; justify-content: space-between; position:absolute; bottom:20px; width:calc(100% - 40px ); }
.prodItem .buttons{ max-width:150px; }
.prodItem .buttons .basket-group{ width:auto; }
.prodItem .buttons .basket-group input{ width:45px; border:1px #6E2D87 solid; padding: 0; text-align:center; border-radius: 40px 0 0 40px; }
.prodItem .buttons .btn-own-r{ padding: .375rem 0.5rem; font-size:12px; font-weight:bold; }
.prodItem .prodInfo{ background:#fafafa; padding: 20px 20px 50px; min-height:250px; position:relative; }

.prodItem .price { text-align: right; }
.prodItem .price .p{ font-size: 16px; font-weight:bold; line-height:20px; letter-spacing: -1px; }
.prodItem .price .sub{ color:#999; font-size:8px; line-height:1; }

.basket { overflow:auto; }
.basket table{ width:100%; margin:0 0 20px 0;  }
.basket td{ padding:10px; font-weight:bold; line-height:1.1; }
.basket td:first-child{ padding:10px 0; }
.basket tr{ border-bottom:1px #ddd solid; }
.basket tr.header{  }
.basket tr.header td{ font-weight:bold; line-height:1.1; }
.basket .bas-img{ width:70px; height:62px; background:#eee; }
.basket .bas-sub{ font-size:0.8rem; color:#bbb; font-weight:normal; }
.basket .quantity input{ background: #f5f5f5;
  border: none;
  height: 30px;
  padding: 5px;
  border-radius: 5px; }

.basket2 { overflow:auto; }
.basket2 table{ width:100%; margin:20px 0; border-bottom:1px #ddd solid;  }
.basket2 td{ padding:15px; text-align:center; }
.basket2 td:nth-child(2){ text-align:left; }
.basket2 tr{ border-left:1px #ddd solid; border-right:1px #ddd solid; }
.basket2 tr:nth-child(odd){ background:#eee; }
.basket2 tr.header{ background:#6E2D87; color:#fff; }
.basket2 tr.header td{ font-weight:bold; text-align:center; }
.basket2 tr.summary{ background:#ccc; }

.lastItems .basket-group input{ border:1px #6E2D87 solid; padding: 0; text-align:center; border-radius: 40px 0 0 40px; }

.moreProdLink{ margin:20px 0 70px; text-align:center; font-size:12px;}
.moreProdLink a{ color:#212121; }
.btn.menu2{ font-size: 12px; height: 40px; padding: 10px 18px; border:none; }

.info{}
.info .infoHeader{ background-color:rgb(224, 224, 224); font-weight:bold; border-radius: 10px 10px 0 0; font-size:1.1rem; padding: 12px 20px 10px; margin-bottom:20px; }
.card-header{ background-color:#6E2D87; color:#fff; font-weight:bold; border-radius: 20px 20px 0 0; font-size:1.1rem; padding: 12px 20px 10px; margin-bottom:20px; }

.modal .form-label{ margin-bottom:0; }
a{ cursor:pointer; }

.breadcrumb{ border-top:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid; padding:20px 0; color:#757575; background:#fff; }
.breadcrumb span.sep{ display:inline-block; margin: 0 10px; }
.breadcrumb a{ color:#bdbdbd; text-decoration:none; }
.breadcrumb a:hover{ color:var(--bs-violet) }

input:-internal-autofill-selected { background-color:#f5f5f5 !important; }

.basket .quantity .qty{ width:60px; }
.grey-round{ background:#eee; border-radius:10px; padding:20px; }
.sum-group{ padding:10px 0; border-bottom:1px #bdbdbd solid; display:flex; justify-content:space-between; }
.not-border{ border-bottom:none; }
.sum-group .title{ font-weight:bold; }
.sum-group .sum-title .sub{ color:#999; }
.sum-group .sum-value{ font-weight:bold; }
.sum-group .sum-value.v2{ font-size: 1.2rem; }
.full-width{ width:100%; }
.basket-cont{ margin:30px 0; }


.comp-info{ background:#f5f5f5; border-radius:10px; padding: 30px; text-align:center; margin-bottom:var(--cc-bmargin); }
.comp-info .main{ font-weight:bold; font-size:16px; }
.comp-info .sub{ }

.invoice-info{ background:#b4d737; border-radius:10px; padding: 20px; text-align:center; font-weight:bold; color:#fff; font-size:12px; margin-bottom:var(--cc-bmargin); }

.invoice-info.warr{ background:#cc7777; }
.invoice-info.warr a{ color:#fff; text-decoration:none; }

.comp-box{ background:#f5f5f5; border-radius:10px; padding:5px 20px; margin: var(--cc-bmargin) 0;  }
.comp-group{ padding:5px 0; border-bottom:1px #bdbdbd solid; }
.comp-group:last-child{ border-bottom:none; }
.comp-group .title{ font-weight:bold; }

.btn-line{ display:flex; justify-content:space-between; }
.btn-line a{ width:100px; }
.btn-own.v2{ line-height: 1; width: max-content; }
.link-again{ color:#212121; }
.link-again:hover{ color:var(--bs-violet) }
.link-s{ color:#212121; font-weight:700; }
.link-s.fr{ float:right; }
.link-s:hover{ color:var(--bs-violet) }

.btn-own-io{ display:flex; min-width: 120px; padding:13px 28px; justify-content: center; align-item: center; gap:10; border-radius:150px; background:#fff; border: 1px solid #212121; color:#212121; font-weight:700;}
.btn-own-io:hover{ background: var(--bs-violet); color:#fff; }
.btn-own-ic{ display:flex; min-width: 120px; padding:13px 28px; justify-content: center; align-item: center; gap:10; border-radius:150px; background: var(--bs-violet); color:#fff; font-weight:700; }
.btn-own-ic:hover{ background:#5a2878; color:#fff; }
.orders{ background:#fafafa; border-radius:10px; overflow:auto; margin-bottom:var(--cc-bmargin); }
.orders .o-header{ background:#b4d737; color:#fff; font-size:16px; font-weight:700; padding:10px 15px; }
.orders.realize .o-header{ background:#eee; color:#212121;}
.orders .tab{ }

.orders table{ width:100%; }
.orders tr{  }
.orders tr.header{ background:#f5f5f5; }
.orders tr:last-child td, .orders tr.header td{ border-bottom:none; }
.orders tr.header td{ font-size:1rem; color:#666;  }
.orders tr td{ padding:10px 15px 10px 0; border-bottom:1px #bdbdbd solid; }
.orders tr td.last{ padding:5px 0 5px 0; }
.orders tr td.sep{ border-bottom:none; width:15px; }


.modal-table{ width:100%; padding:0 20px; }
.modal-table tr.header td{ font-weight:bold; }
.modal-table tr.sum{ background: #eee; }
.modal-table tr.sum td{ font-weight:bold; }
.modal-table td{ padding:5px 10px; }

.modal-body{ padding:20px; }
.modal-content{ border-radius: 10px; }
.modal-header{ border-bottom: none; padding:20px 20px 0 20px;  }
.modal-footer{ border-top: none; padding:0 20px 20px 20px; }
.modal-header h5{ font-size:16px; font-weight:700; }
.modal-content .form-control{ border-radius:5px; background: #fafafa; border:none; height:35px; margin-bottom:10px; }
.modal-il{ max-width:600px; }


.basket .quantity .qty{ width:60px; }
.grey-round{ background:#eee; border-radius:10px; padding:20px; }
.sum-group{ padding:10px 0; border-bottom:1px #bdbdbd solid; display:flex; justify-content:space-between; }
.not-border{ border-bottom:none; }
.sum-group .sum-title{  }
.sum-group .sum-title .sub{ color:#999; }
.sum-group .sum-value{ font-weight:bold; }
.sum-group .sum-value.v2{ font-size: 1.2rem; }
.full-width{ width:100%; }
.basket-cont{ margin:30px 0; }

.rabat-box{ background:#e5e5e5; border-radius:10px; padding:5px 20px; margin: 20px 0; }
.rabat-group{ padding:5px 0; border-bottom:1px #bdbdbd solid; display:flex; justify-content:space-between; }
.rabat-group:last-child{ border-bottom:none; }
.rabat-group .sum_value{ color:#888; }

.ship-info{}
.ship-info .info{ background:#fff; border-radius:10px; border:1px #f00 solid; padding:20px 10px; text-align:center; font-size:1.1rem; }
.ship-info .info-sub{ color:#aaa;  text-align:center; padding: 20px 0; }

.carousel-control-prev-icon{ margin-left:-155px; }
.carousel-control-next-icon{ margin-right:-155px; }

.ilovetPrivacy{ font-size:16px; }
.ilovetPrivacy h1{ text-align:center; margin-bottom:20px;}
.ilovetPrivacy h2{ margin:20px 0 10px; font-size:18px; font-weight:bold; }
.ilovetPrivacy h3{ margin:15px 0 5px; font-size:16px; font-weight:bold; }
.ilovetPrivacy ul{ margin:5px 0 10px 15px; }
.ilovetPrivacy p{ text-align: justify; }
.ilovetPrivacy table{ table-collapse:collapse; margin-bottom:20px; }
.ilovetPrivacy table td{ border:1px #000 solid; }
.ilovetPrivacy table td p{ text-align:center; }
.ilovetPrivacy table td.header{ background:#f5f5f5; }
.ilovetPrivacy table tr.header td{ background:#f5f5f5; }

.navLine{ display: flex; flex-direction:row-reverse; gap:20px; }
#navbarSupportedContent1{ display:flex; }
#navbarSupportedContent2{ display:none; }

