:root{
  --cb-bg:#f6f7fb;--cb-card:#fff;--cb-text:#17151f;--cb-muted:#777383;
  --cb-primary:#7c3aed;--cb-primary-2:#a855f7;--cb-accent:#ff3d8d;
  --cb-border:#e9e5ef;--cb-success:#12b76a;--cb-danger:#ef4444;
  --cb-shadow:0 12px 35px rgba(29,16,49,.08);--cb-shadow-hover:0 18px 48px rgba(91,33,182,.15);
  --cb-radius:18px;--cb-radius-sm:12px;--cb-max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cb-bg)}
body{margin:0;background:radial-gradient(circle at 10% -10%,rgba(168,85,247,.12),transparent 28%),var(--cb-bg)!important;color:var(--cb-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
a{transition:color .2s ease,opacity .2s ease,transform .2s ease;text-decoration:none}
img{max-width:100%;height:auto}
.wrap,.container{width:min(var(--cb-max),calc(100% - 32px))!important;max-width:var(--cb-max)!important;margin-left:auto!important;margin-right:auto!important}
/* Header */
header,.header,.bheader,.header-new,#header{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,58,237,.09)!important;box-shadow:0 6px 24px rgba(29,16,49,.05)!important}
header.is-sticky,.header.is-sticky,.cb-sticky{position:sticky!important;top:0;z-index:9999;animation:cbSlideDown .28s ease}
.logo img,.b-logo img{max-height:46px!important;width:auto!important;object-fit:contain}
/* Navigation */
nav a,.menu a,.main-menu a,.navbar a,.top-menu a{border-radius:10px!important;font-weight:600!important}
nav a:hover,.menu a:hover,.main-menu a:hover,.navbar a:hover{background:rgba(124,58,237,.08)!important;color:var(--cb-primary)!important}
/* Main surfaces */
.bgr,.panel,.well,.box,.block,.content-block,.private-office,.order-details,.basket,.catalog,.search-results,.item-info,.form-horizontal,.login-form,.register-form{background:var(--cb-card)!important;border:1px solid var(--cb-border)!important;border-radius:var(--cb-radius)!important;box-shadow:var(--cb-shadow)!important}
.bgr,.panel,.well,.box,.block,.content-block{overflow:hidden}
/* Product cards */
.product,.product-item,.item-product,.item-list li,.itemlist li,.products .item,.goods-item,.catalog-item{background:#fff!important;border:1px solid var(--cb-border)!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 7px 20px rgba(29,16,49,.05)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.product:hover,.product-item:hover,.item-product:hover,.item-list li:hover,.itemlist li:hover,.products .item:hover,.goods-item:hover,.catalog-item:hover{transform:translateY(-5px);box-shadow:var(--cb-shadow-hover)!important;border-color:rgba(124,58,237,.25)!important}
.product img,.product-item img,.item-product img,.goods-item img,.catalog-item img{transition:transform .35s ease}
.product:hover img,.product-item:hover img,.item-product:hover img,.goods-item:hover img,.catalog-item:hover img{transform:scale(1.035)}
.price,.item-price,.product-price,.cost{font-weight:800!important;color:var(--cb-text)!important;letter-spacing:-.02em}
.old-price{text-decoration:line-through;color:var(--cb-muted)!important}
/* Buttons */
button,.btn,input[type="submit"],input[type="button"],a.button,.button,.submit,.btn-primary{border:0!important;border-radius:12px!important;min-height:44px;padding:11px 20px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease!important}
.btn-primary,.button-primary,input[type="submit"],.submit,.btn-success{color:#fff!important;background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-2))!important;box-shadow:0 9px 22px rgba(124,58,237,.24)!important}
button:hover,.btn:hover,input[type="submit"]:hover,input[type="button"]:hover,a.button:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 12px 26px rgba(124,58,237,.22)!important}
button:active,.btn:active,input[type="submit"]:active{transform:translateY(0) scale(.98)}
.btn-default,.btn-secondary{background:#f2eff8!important;color:#4b4458!important;border:1px solid #e4dff0!important}
.btn-danger{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important}
/* Form fields */
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],textarea,select,.form-control,.bootstrap-select>.dropdown-toggle{width:100%;min-height:46px!important;background:#fbfaff!important;color:var(--cb-text)!important;border:1px solid #ded9e8!important;border-radius:12px!important;padding:11px 14px!important;outline:none!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
textarea{min-height:110px!important;resize:vertical}
input:focus,textarea:focus,select:focus,.form-control:focus{background:#fff!important;border-color:var(--cb-primary)!important;box-shadow:0 0 0 4px rgba(124,58,237,.12)!important}
label{font-weight:650!important;color:#4f4859!important;margin-bottom:7px!important}
.form-group{margin-bottom:18px!important}
/* Tabs */
.tabs,.nav-tabs{display:flex!important;gap:8px;flex-wrap:wrap;border:0!important;background:#f2eff8!important;border-radius:14px!important;padding:5px!important}
.tabs li,.nav-tabs li{margin:0!important;border:0!important}
.tabs li a,.nav-tabs li a{border:0!important;border-radius:10px!important;padding:10px 16px!important;color:#655d70!important;font-weight:700!important;background:transparent!important}
.tabs li.active a,.nav-tabs li.active a{background:#fff!important;color:var(--cb-primary)!important;box-shadow:0 4px 15px rgba(29,16,49,.08)!important}
/* Tables */
table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff;border-radius:14px;overflow:hidden}
th{background:#f6f3fa!important;color:#4b4458!important;font-size:13px;text-transform:none;font-weight:750!important}
th,td{padding:13px 14px!important;border-bottom:1px solid #eeeaf3!important;vertical-align:middle!important}
tr:last-child td{border-bottom:0!important}tbody tr{transition:background .2s ease}tbody tr:hover{background:#fbf9ff!important}
/* Alerts and toast */
.alert,.message,.notification,.success,.error{border-radius:13px!important;border:1px solid transparent!important;padding:14px 16px!important}
.alert-success,.message.success{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.alert-danger,.alert-error,.message.error{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important}
/* Breadcrumb */
.breadcrumb,.crumbs,.bcrumbs{background:transparent!important;border:0!important;color:var(--cb-muted)!important;padding-left:0!important;padding-right:0!important}
/* Modals */
.modal-content,.popup,.colorbox,.ui-dialog{border:1px solid rgba(124,58,237,.14)!important;border-radius:20px!important;box-shadow:0 30px 90px rgba(29,16,49,.24)!important;overflow:hidden!important}
.modal-header,.ui-dialog-titlebar{border-bottom:1px solid var(--cb-border)!important;background:#fff!important;padding:18px 22px!important}
.modal-body{padding:22px!important}.modal-footer{border-top:1px solid var(--cb-border)!important;padding:16px 22px!important}
.modal-backdrop,.ui-widget-overlay{background:rgba(26,19,36,.55)!important;backdrop-filter:blur(3px)}
/* Auth pages */
body:has(.login-form),body:has(form[action*="login"]),body:has(.register-form){min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(168,85,247,.22),transparent 32%),radial-gradient(circle at 92% 88%,rgba(255,61,141,.13),transparent 30%),#f6f7fb!important}
.login-form,.register-form,.recovery-form,#login-form,.authorization form{max-width:480px!important;margin:30px auto!important;padding:28px!important}
.login-form:before,.register-form:before{content:"Добро пожаловать";display:block;font-weight:850;font-size:26px;letter-spacing:-.03em;margin-bottom:8px;color:var(--cb-text)}
.login-form:after{content:"Безопасный вход в личный кабинет";display:block;position:absolute;pointer-events:none}
/* Search */
.search input,.search-form input,input[type="search"]{border-radius:999px!important;padding-left:18px!important}
/* Payment/QR */
.optima-payment,.payment-page,.pay-form,.payment-form,.qr-payment{background:#fff!important;border:1px solid var(--cb-border)!important;border-radius:22px!important;box-shadow:var(--cb-shadow)!important;padding:24px!important;max-width:620px;margin:24px auto!important}
.optima-payment img,.qr-payment img,.payment-page img[src*="qr"],img.qr-code{display:block;margin:18px auto;max-width:320px!important;border-radius:18px;padding:12px;background:#fff;box-shadow:0 14px 38px rgba(29,16,49,.12)}
/* Mobile */
@media(max-width:768px){
  :root{--cb-radius:15px}.wrap,.container{width:calc(100% - 20px)!important}
  body{font-size:14px}.bgr,.panel,.well,.box,.block,.content-block{border-radius:15px!important}
  button,.btn,input[type="submit"],input[type="button"],a.button{min-height:46px;padding:12px 16px!important}
  .tabs,.nav-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.tabs::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar{display:none}
  .tabs li,.nav-tabs li{flex:0 0 auto}.tabs li a,.nav-tabs li a{white-space:nowrap;padding:10px 13px!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal-dialog{margin:10px!important;width:calc(100% - 20px)!important}.modal-content{border-radius:18px!important}
  .login-form,.register-form,.recovery-form,#login-form,.authorization form{margin:14px auto!important;padding:22px 18px!important}
  .product,.product-item,.item-product,.goods-item,.catalog-item{border-radius:14px!important}
}
/* Motion */
@keyframes cbSlideDown{from{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes cbFadeUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
.cb-reveal{animation:cbFadeUp .45s ease both}.cb-loading{position:relative;overflow:hidden!important}.cb-loading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:cbShimmer 1.4s infinite}@keyframes cbShimmer{100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* =========================================================
   KG1688 ACTIVE THEME OVERRIDES
   ========================================================= */

html body {
    background:
        radial-gradient(circle at 0 0, rgba(122, 92, 255, .12), transparent 32%),
        radial-gradient(circle at 100% 15%, rgba(255, 55, 145, .10), transparent 28%),
        #f6f7fb !important;
    color: #17202b !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display",
                 "Segoe UI", Arial, sans-serif !important;
}

html body * {
    box-sizing: border-box !important;
}

html body header,
html body .header,
html body #header,
html body .headernew,
html body .main-header {
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(20, 30, 50, .07) !important;
    box-shadow: 0 8px 30px rgba(25, 35, 55, .06) !important;
}

html body input,
html body textarea,
html body select {
    min-height: 48px !important;
    border: 1px solid #e3e7ef !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    color: #182230 !important;
    box-shadow: 0 4px 16px rgba(30, 45, 70, .04) !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease,
                transform .2s ease !important;
}

html body input:focus,
html body textarea:focus,
html body select:focus {
    border-color: #7b57ff !important;
    box-shadow: 0 0 0 4px rgba(123, 87, 255, .13) !important;
}

html body button,
html body input[type="submit"],
html body input[type="button"],
html body .btn,
html body .button,
html body a.btn {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 0 20px !important;
    background: linear-gradient(135deg, #7357ff, #a43cff) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(116, 76, 255, .24) !important;
    transition: transform .18s ease, box-shadow .18s ease,
                filter .18s ease !important;
}

html body button:active,
html body input[type="submit"]:active,
html body .btn:active,
html body .button:active {
    transform: scale(.97) !important;
}

html body .item,
html body .product,
html body .product-item,
html body .item-list > div,
html body .items-list > div,
html body .product-card,
html body .panel,
html body .box {
    border: 1px solid rgba(25, 35, 55, .07) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 35px rgba(28, 38, 60, .09) !important;
    overflow: hidden !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

html body .item:hover,
html body .product:hover,
html body .product-item:hover,
html body .product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 44px rgba(28, 38, 60, .14) !important;
}

html body .item img,
html body .product img,
html body .product-item img,
html body .product-card img {
    border-radius: 16px !important;
    object-fit: cover !important;
}

html body h1,
html body h2,
html body h3,
html body .title,
html body .section-title {
    color: #151b26 !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
}

html body .price,
html body .item-price,
html body .product-price {
    color: #101a28 !important;
    font-weight: 800 !important;
}

html body .modal,
html body .popup,
html body .dropdown-menu,
html body .user-menu,
html body .box-up-menu {
    border: 1px solid rgba(20, 30, 50, .08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 24px 70px rgba(20, 30, 50, .20) !important;
    overflow: hidden !important;
}

html body table {
    overflow: hidden !important;
    border-radius: 16px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(30, 40, 60, .07) !important;
}

html body table th {
    background: #f5f6fa !important;
    color: #4a5565 !important;
    font-weight: 700 !important;
}

html body table td,
html body table th {
    padding: 13px 15px !important;
    border-bottom: 1px solid #edf0f5 !important;
}

@media (max-width: 768px) {
    html body {
        overflow-x: hidden !important;
    }

    html body .container,
    html body .wrapper,
    html body .content,
    html body .main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html body .item,
    html body .product,
    html body .product-item,
    html body .product-card {
        border-radius: 18px !important;
    }

    html body h1 {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }

    html body h2 {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    html body button,
    html body .btn,
    html body .button,
    html body input[type="submit"] {
        min-height: 48px !important;
    }
}