.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 15px;
    font-weight: normal;
    height: 42px;
    line-height: 27px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    margin-bottom: 16px;
}



.nice-select:hover {
    border-color: #3164F4;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover {
    background-color: #238AC1;
    color: #fff;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.contact-form-wrapper .list {
    background: #2f3341 none repeat scroll 0 0;
    border-radius: 0;
}

/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 228, 228, 228;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-header-align-items: center;
  --dt-header-vertical-align: middle;
  --dt-html-background: white;
}
:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable tbody td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable tbody td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable tbody tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
table.dataTable tfoot:empty {
  display: none;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll {
  width: 100%;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "\25B2";
  content: "\25B2"/"";
}
table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "\25BC";
  content: "\25BC"/"";
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order {
  position: relative;
  width: 12px;
  height: 20px;
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}
table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  opacity: 0.6;
}
table.dataTable thead > tr > th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty, table.dataTable thead > tr > th.sorting_desc_disabled .dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled .dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty,
table.dataTable thead > tr > td.sorting_desc_disabled .dt-column-order:after,
table.dataTable thead > tr > td.sorting_asc_disabled .dt-column-order:before {
  display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th div.dt-column-header,
table.dataTable thead > tr > th div.dt-column-footer,
table.dataTable thead > tr > td div.dt-column-header,
table.dataTable thead > tr > td div.dt-column-footer,
table.dataTable tfoot > tr > th div.dt-column-header,
table.dataTable tfoot > tr > th div.dt-column-footer,
table.dataTable tfoot > tr > td div.dt-column-header,
table.dataTable tfoot > tr > td div.dt-column-footer {
  display: flex;
  justify-content: space-between;
  align-items: var(--dt-header-align-items);
  gap: 4px;
}
table.dataTable thead > tr > th div.dt-column-header .dt-column-title,
table.dataTable thead > tr > th div.dt-column-footer .dt-column-title,
table.dataTable thead > tr > td div.dt-column-header .dt-column-title,
table.dataTable thead > tr > td div.dt-column-footer .dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title {
  flex-grow: 1;
}
table.dataTable thead > tr > th div.dt-column-header .dt-column-title:empty,
table.dataTable thead > tr > th div.dt-column-footer .dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-header .dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-footer .dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title:empty {
  display: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}
div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-left div.dt-column-header,
table.dataTable th.dt-left div.dt-column-footer,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable td.dt-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-right div.dt-column-header,
table.dataTable th.dt-right div.dt-column-footer,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable td.dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-justify div.dt-column-header,
table.dataTable th.dt-justify div.dt-column-footer,
table.dataTable td.dt-justify div.dt-column-header,
table.dataTable td.dt-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
  vertical-align: var(--dt-header-vertical-align);
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-footer,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-footer,
table.dataTable tfoot th.dt-head-left div.dt-column-header,
table.dataTable tfoot th.dt-head-left div.dt-column-footer,
table.dataTable tfoot td.dt-head-left div.dt-column-header,
table.dataTable tfoot td.dt-head-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-footer,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-footer,
table.dataTable tfoot th.dt-head-right div.dt-column-header,
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
table.dataTable tfoot td.dt-head-right div.dt-column-header,
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-justify div.dt-column-header,
table.dataTable thead th.dt-head-justify div.dt-column-footer,
table.dataTable thead td.dt-head-justify div.dt-column-header,
table.dataTable thead td.dt-head-justify div.dt-column-footer,
table.dataTable tfoot th.dt-head-justify div.dt-column-header,
table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
table.dataTable tfoot td.dt-head-justify div.dt-column-header,
table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

:root {
  --dt-row-hover-alpha: 0.035;
  --dt-row-stripe-alpha: 0.023;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
  outline: none;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 10px 6px 10px;
}
table.dataTable > tbody > tr {
  background-color: transparent;
}
table.dataTable > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable > tbody > tr:last-child > * {
  border-bottom: none;
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}
table.dataTable > tbody > tr.selected a {
  color: rgb(228, 228, 228);
  color: rgb(var(--dt-row-selected-link));
}
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 8px 10px;
}
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.row-border > tbody > tr:first-child > *, table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr > *:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha));
}
table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *, table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha));
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha));
}
table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px #0d6efd !important;
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha));
}
table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha));
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)));
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007));
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015));
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)));
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007));
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015));
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)));
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007));
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015));
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)));
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007));
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015));
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

div.dt-container div.dt-layout-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0.75em 0;
}
div.dt-container div.dt-layout-row div.dt-layout-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
  justify-content: flex-start;
  margin-right: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  justify-content: flex-end;
  margin-left: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table) {
    display: block;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
    display: block;
    text-align: center;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell > * {
    margin: 0.5em 0;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
    margin-left: 0;
  }
}
div.dt-container div.dt-layout-start > *:not(:last-child) {
  margin-right: 1em;
}
div.dt-container div.dt-layout-end > *:not(:first-child) {
  margin-left: 1em;
}
div.dt-container div.dt-layout-full {
  width: 100%;
}
div.dt-container div.dt-layout-full > *:only-child {
  margin-left: auto;
  margin-right: auto;
}
div.dt-container div.dt-layout-table > div {
  display: block !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > *:not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > *:not(:first-child) {
    margin-left: 0;
  }
}
/*
 * Control feature layout
 */
div.dt-container {
  position: relative;
  clear: both;
}
div.dt-container .dt-search input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
  margin-left: 3px;
}
div.dt-container .dt-input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
}
div.dt-container select.dt-input {
  padding: 4px;
}
div.dt-container .dt-paging .dt-paging-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: inherit !important;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: inherit !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229.5, 229.5, 229.5, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* IE10+ */
  background: -o-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C */
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(88.4, 88.4, 88.4)), color-stop(100%, #111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* IE10+ */
  background: -o-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgb(88.4, 88.4, 88.4) 0%, #111 100%); /* W3C */
}
div.dt-container .dt-paging .dt-paging-button:active {
  outline: none;
  background-color: rgb(11.9, 11.9, 11.9);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(42.5, 42.5, 42.5)), color-stop(100%, rgb(11.9, 11.9, 11.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* IE10+ */
  background: -o-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%); /* W3C */
  box-shadow: inset 0 0 3px #111;
}
div.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
}
div.dt-container .dataTables_scroll {
  clear: both;
}
div.dt-container .dataTables_scroll div.dt-scroll-body {
  -webkit-overflow-scrolling: touch;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td {
  vertical-align: middle;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}

html.dark {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}
html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgb(89, 91, 94);
}
html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active {
  outline: none;
}
html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgb(89, 91, 94);
}
html.dark table.dataTable.row-border > tbody > tr > *, html.dark table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgb(64, 67, 70);
}
html.dark table.dataTable.row-border > tbody > tr:first-child > *, html.dark table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td, html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td {
  border-top: 1px solid rgb(64, 67, 70);
  border-right: 1px solid rgb(64, 67, 70);
}
html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
  border-left: 1px solid rgb(64, 67, 70);
}
html.dark .dt-container.dt-empty-footer table.dataTable {
  border-bottom: 1px solid rgb(89, 91, 94);
}
html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--dt-html-background);
}
html.dark .dt-container .dt-paging .dt-paging-button.current, html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
  border: 1px solid rgb(89, 91, 94);
  background: rgba(255, 255, 255, 0.15);
}
html.dark .dt-container .dt-paging .dt-paging-button.disabled, html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover, html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
  color: #666 !important;
}
html.dark .dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
}
html.dark .dt-container .dt-paging .dt-paging-button:active {
  background: rgb(58.1, 58.1, 58.1);
}

/*
 * Overrides for RTL support
 */
*[dir=rtl] table.dataTable thead th,
*[dir=rtl] table.dataTable thead td,
*[dir=rtl] table.dataTable tfoot th,
*[dir=rtl] table.dataTable tfoot td {
  text-align: right;
}
*[dir=rtl] table.dataTable th.dt-type-numeric, *[dir=rtl] table.dataTable th.dt-type-date,
*[dir=rtl] table.dataTable td.dt-type-numeric,
*[dir=rtl] table.dataTable td.dt-type-date {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
  text-align: right;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-search input {
  margin: 0 3px 0 0;
}

@font-face{font-family:'themify';src:url('../fonts/themify.eot?v=2');src:url('../fonts/themify.eot?v=2&#iefix') format('embedded-opentype'),url('../fonts/themify.woff?v=2') format('woff'),url('../fonts/themify.ttf?v=2') format('truetype'),url('../fonts/themify.svg?v=2') format('svg');font-weight:normal;font-style:normal}[class^="ti-"],[class*=" ti-"]{font-family:'themify',serif;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}
/*! jQuery UI - v1.11.4 - 2015-12-03
* http://jqueryui.com
* Includes: core.css, button.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #a6c9e2;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5dbec;font-weight:bold;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #79b7e7;font-weight:bold;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #79b7e7;font-weight:bold;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.listNav,.ln-letters{display:flex !important;flex-wrap:wrap !important;gap:4px !important;background:#f8fafc !important;padding:8px !important;border:1px solid #e2e8f0 !important;border-radius:10px !important;margin-bottom:20px !important;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.02);width:auto}.ln-letters a{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:34px !important;height:34px !important;padding:0 4px !important;border-radius:6px !important;font-size:16px !important;font-weight:800 !important;text-transform:uppercase !important;text-decoration:none !important;transition:all .15s ease-in-out !important;box-sizing:border-box !important;border:none !important}.ln-letters a:nth-child(7n+1){background-color:#ffe4e6 !important;color:#e11d48 !important}.ln-letters a:nth-child(7n+2){background-color:#ffedd5 !important;color:#ea580c !important}.ln-letters a:nth-child(7n+3){background-color:#fef9c3 !important;color:#ca8a04 !important}.ln-letters a:nth-child(7n+4){background-color:#dcfce7 !important;color:#16a34a !important}.ln-letters a:nth-child(7n+5){background-color:#e0f2fe !important;color:#0284c7 !important}.ln-letters a:nth-child(7n+6){background-color:#e0e7ff !important;color:#4f46e5 !important}.ln-letters a:nth-child(7n+7){background-color:#f3e8ff !important;color:#9333ea !important}.ln-letters a:nth-child(7n+1):hover{background-color:#e11d48 !important;color:#fff !important}.ln-letters a:nth-child(7n+2):hover{background-color:#ea580c !important;color:#fff !important}.ln-letters a:nth-child(7n+3):hover{background-color:#ca8a04 !important;color:#fff !important}.ln-letters a:nth-child(7n+4):hover{background-color:#16a34a !important;color:#fff !important}.ln-letters a:nth-child(7n+5):hover{background-color:#0284c7 !important;color:#fff !important}.ln-letters a:nth-child(7n+6):hover{background-color:#4f46e5 !important;color:#fff !important}.ln-letters a:nth-child(7n+7):hover{background-color:#9333ea !important;color:#fff !important}.ln-letters .ln-selected,.ln-letters .ln-selected:hover{background-color:#0f172a !important;color:#fff !important;font-weight:900 !important;font-size:15px !important;transform:scale(1.1) !important;box-shadow:0 4px 12px rgba(15,23,42,0.3) !important;z-index:5 !important}.ln-letters .ln-disabled,.ln-letters .ln-disabled:hover{background-color:#f1f5f9 !important;color:#94a3b8 !important;font-weight:400 !important;cursor:not-allowed !important;opacity:.5 !important;transform:none !important;box-shadow:none !important}.ln-letters .ln-last{min-width:45px !important;border-right:1px solid #cbd5e1 !important}.ln-letter-count{position:absolute !important;background-color:#0f172a !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;line-height:20px !important;padding:0 6px !important;border-radius:4px !important;text-align:center !important;width:auto !important;height:20px !important;box-shadow:0 2px 5px rgba(0,0,0,0.15) !important;z-index:10 !important}.listNavHide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.listNavShow{display:block}.letterCountShow{display:block}
/* ==========================================================================
   Breadcrumbs UngShop Style Guide (Контрастные стрелочки-капсулы)
   ========================================================================== */

/* Глобальный контейнер компонента */
.breadcrumbs-ungshop {
    padding: 15px 0 25px 0 !important;
    background: transparent !important;
}
.breadcrumbs-ungshop .container-fluid {
    padding: 0 !important;
}

/* Стилизация главного промо-заголовка */
.breadcrumbs-ungshop .bc-ung-header {
    text-align: center !important;
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    background: linear-gradient(135deg, #fdf2f8 0%, #f0fdf4 100%) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid #fbcfe8 !important;
    box-shadow: 0 4px 15px rgba(219, 39, 119, 0.05) !important;
}
.breadcrumbs-ungshop .bc-ung-header h3 {
    margin: 0 !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    color: #db2777 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.breadcrumbs-ungshop .bc-ung-badge {
    background: linear-gradient(90deg, #7360f2 0%, #503ebd 100%) !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 10px rgba(115, 96, 242, 0.3) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    display: inline-block !important;
}

/* Флекс-контейнер для стрелочек */
.breadcrumbs-ungshop .bc-ung-arrow-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Общие базовые стили для каждой крошки-стрелочки */
.breadcrumbs-ungshop .bc-ung-item {
    padding: 10px 20px 10px 30px;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
    margin-right: 2px;
}

/* Геометрия острого треугольника (наконечника) справа */
.breadcrumbs-ungshop .bc-ung-item:not(.bc-ung-active)::after {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 14px solid;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    z-index: 2;
}

/* 🎨 УНИКАЛЬНЫЕ И КОНТРАСТНЫЕ ЦВЕТА ДЛЯ КАЖДОГО СТАТУСА */

/* 1. Первая крошка (В магазин) — Желто-зеленая */
.breadcrumbs-ungshop .bc-ung-first {
    background: #ffef00 !important;
    color: #2c7214 !important;
    font-weight: 700 !important;
    padding-left: 25px !important;
}
.breadcrumbs-ungshop .bc-ung-first i {
    font-size: 16px !important;
    color: #4f46e5 !important;
    margin-right: 6px;
}
.breadcrumbs-ungshop .bc-ung-first::after {
    border-left-color: #ffef00 !important;
}

/* 2. Новые товары — Светло-серая, текст зеленый */
.breadcrumbs-ungshop .bc-ung-secondary {
    background: #f1f5f9 !important;
    /*color: #185105 !important;*/
    color: #bb098e !important;
    font-weight: 600 !important;
}
.breadcrumbs-ungshop .bc-ung-secondary::after {
    border-left-color: #f1f5f9 !important;
}

/* 3. Личный Кабинет — Серый металл */
.breadcrumbs-ungshop .bc-ung-auth {
    background: #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}
.breadcrumbs-ungshop .bc-ung-auth::after {
    border-left-color: #cbd5e1 !important;
}

/* 4. Акции Доставки (Warning-блок) — Золотая акция */
.breadcrumbs-ungshop .bc-ung-warning {
    background: #fef08a !important;
    color: #854d0e !important;
    font-weight: 800 !important;
    border-top: 1px solid #fde047 !important;
    border-bottom: 1px solid #fde047 !important;
}
.breadcrumbs-ungshop .bc-ung-warning i {
    color: #ca8a04 !important;
    margin-right: 6px;
}
.breadcrumbs-ungshop .bc-ung-warning::after {
    border-left-color: #fef08a !important;
}

/* 5. Активная последняя страница (Danger-капсула со стрелкой) — Малиновая */
.breadcrumbs-ungshop .bc-ung-active {
    background: #db2777 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    width: fit-content !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    box-shadow: 0 4px 10px rgba(219, 39, 119, 0.25) !important;
    padding-right: 25px !important;
}
.breadcrumbs-ungshop .bc-ung-active::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 6px;
    width: 28px;
    height: 28px;
    background: #db2777;
    transform: rotate(45deg);
    border-top-right-radius: 6px;
    z-index: 1;
    box-shadow: 3px -3px 5px rgba(219, 39, 119, 0.15);
}

/* Эффект наведения (Hover) для всех интерактивных ссылок */
.breadcrumbs-ungshop a.bc-ung-item:hover {
    background: #7360f2 !important;
    color: #ffffff !important;
    border-color: #7360f2 !important;
}
.breadcrumbs-ungshop a.bc-ung-item:hover::after {
    border-left-color: #7360f2 !important;
}
.breadcrumbs-ungshop a.bc-ung-item:hover i {
    color: #ffffff !important;
}

/* Анимация плавного прыжка для иконок */
.breadcrumbs-ungshop .bc-ung-icon-bounce {
    animation: bounce 2s infinite !important;
}

/* Дополнения для каталога и вложенных динамических категорий UngShop */
.breadcrumbs-ungshop .bc-ung-text-raw {
    font-size: 16px !important;
    color: #475569 !important;
    text-transform: none !important;
    font-weight: 700 !important;
}

/* Контрастные системные бейджи для заголовков */
.breadcrumbs-ungshop .bc-ung-badge {
    padding: 5px 12px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    display: inline-block !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
}
.breadcrumbs-ungshop .bc-badge-primary { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.breadcrumbs-ungshop .bc-badge-warning { background: #fef08a !important; color: #854d0e !important; border: 1px solid #fde047 !important; }
.breadcrumbs-ungshop .bc-badge-success { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }

/* Стилизация счетчиков (кружков) количества товаров внутри стрелочек */
.breadcrumbs-ungshop .bc-count-pill {
    background: #22c55e !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    margin-left: 8px !important;
    display: inline-block !important;
    box-shadow: 0 1px 3px rgba(34, 197, 94, 0.3) !important;
}

.breadcrumbs-ungshop .bc-pill-warn {
    background: #eab308 !important;
    box-shadow: 0 1px 3px rgba(234, 179, 8, 0.3) !important;
}

/* Стили для стрелок второго динамического уровня (вложенность) */
.breadcrumbs-ungshop .bc-sub-level {
    margin-top: 10px !important;
    background: #f8fafc !important;
    padding: 6px !important;
    border-radius: 8px !important;
    border: 1px dashed #cbd5e1 !important;
}

/* Фиолетовая активная под-категория */
.breadcrumbs-ungshop .bc-ung-active-sub {
    background: #7360f2 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    width: fit-content !important;
    padding: 10px 25px 10px 30px;
    font-size: 14px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
}
.breadcrumbs-ungshop .bc-ung-active-sub::after {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #7360f2 !important;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    z-index: 2;
}
/* ==========================================================================
   Стили для Дополнительного Уровня Брендов (Related Brands Component)
   ========================================================================== */

/* Пунктирный контейнер для уровня брендов */
.breadcrumbs-ungshop .bc-brands-level {
    background: #bfe1ba !important;
    border: 1px dashed #cbd5e1 !important;
    padding: 6px !important;
    border-radius: 8px !important;
}

/* Фиксированная активная плашка бренда (Начало строки) */
.breadcrumbs-ungshop .bc-ung-active-brand {
    background: #ea5455 !important; /* Насыщенный красный/алый цвет для сущности бренда */
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 14px;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
    padding: 10px 25px 10px 30px;
}

.breadcrumbs-ungshop .bc-ung-active-brand::after {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #ea5455 !important;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    z-index: 2;
}

/* Корректировка отступов внутри стрелочки бренда для аватарки */
.breadcrumbs-ungshop .bc-ung-brand-item {
    position: relative !important;
    text-transform: inherit !important;
    padding-left: 35px !important; /* Освобождаем место слева под аватарку */
}

/* Стильная круглая аватарка первой буквы */
.breadcrumbs-ungshop .bc-brand-avatar {
    color: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 2000 !important;
    position: absolute !important; /* Абсолютное позиционирование внутри стрелки */
    top: 30% !important;
    transform: translateY(-50%) !important; /* Идеальное центрирование по вертикали */
    left: 2px !important;
    z-index: 3;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}

.breadcrumbs-ungshop .bc-brand-name-text {
    font-weight: 900 !important;
}

/* Асинхронное лого (если понадобится в будущем) */
.breadcrumbs-ungshop .async-brand-logo {
    transition: opacity 0.5s ease-in;
    opacity: 0;
    vertical-align: middle;
    margin-right: 5px;
}
.breadcrumbs-ungshop .async-brand-logo[src] {
    opacity: 1;
}

/* ==========================================================================
   ✨ КРАСИВЫЙ КОМПАКТНЫЙ БАББЛ КОЛИЧЕСТВА ТОВАРОВ В КРОШКАХ
   ========================================================================== */
.breadcrumbs-ungshop .bc-ung-count-bubble {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Сочный зеленый фон с градиентом для эффекта объема */
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #ffffff !important;

    /* Жирный, четкий шрифт */
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    /* Форма идеального круга/овала */
    padding: 3px 8px !important;
    min-width: 20px !important;
    height: 18px !important;
    border-radius: 10px !important;

    /* Отступ слева от названия бренда */
    margin-left: 8px !important;

    /* Легкая аккуратная тень, чтобы баббл «приподнимался» над стрелкой */
    box-shadow: 0 2px 5px rgba(22, 163, 74, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

/* Эффект при наведении на саму крошку — баббл слегка увеличивается */
.bc-ung-brand-item:hover .bc-ung-count-bubble {
    background: #ffffff !important;
    color: #7360f2 !important; /* Меняется на фиолетовый под цвет ховера крошки */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    transform: scale(1.08);
    transition: all 0.2s ease;
}

/* Стилизация новой панели сортировки UngShop */
.sort-select-group select:hover {
    color: #7360f2 !important;
}
.view-mode-ungshop a:hover:not([style*="background: rgb(115"]) {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

/* Интерактивный эффект для микро-карточек новинок */
.recent-product-mini-row:hover {
    border-color: #7360f2 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 10px rgba(115, 96, 242, 0.08) !important;
}
.recent-product-mini-row:hover h4 a {
    color: #7360f2 !important;
}
/* Адаптивные стили для широкого горизонтального блока новинок */
.recent-horiz-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}
.recent-horiz-card:hover h4 a {
    color: #7360f2 !important;
}
.recent-horiz-card a[href*="product-cat"]:hover {
    color: #7360f2 !important;
    text-decoration: underline !important;
}
/* Интерактивный эффект для вертикальных плиток хитов продаж */
.ordered-grid-card:hover {
    border-color: #22c55e !important; /* Зеленый контур подчеркивает, что товар часто покупают */
    transform: translateY(-3px) !important; /* Карточка слегка приподнимается */
    box-shadow: 0 10px 20px rgba(34, 197, 94, 0.06) !important;
}
.ordered-grid-card:hover h4 a {
    color: #22c55e !important;
}

/* ==========================================================================
   Checkout UngShop Style Guide (Современная форма оформления)
   ========================================================================== */

.checkout-ungshop-section {
    padding: 30px 0 60px 0;
    background-color: #f8fafc;
}

/* Карточка формы */
.checkout-ungshop-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    border: 1px solid #e2e8f0;
}

/* Стили заголовков */
.checkout-ungshop-card h2 {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.checkout-ungshop-card .user-name-highlight {
    color: #db2777;
    background: #fdf2f8;
    padding: 2px 10px;
    border-radius: 8px;
    border: 1px solid #fbcfe8;
}

.checkout-ungshop-card p.subtitle {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 25px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 15px;
}

/* Блок призыва к авторизации */
.checkout-ungshop-auth-alert {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 14px;
    color: #1e40af;
    width: 100%;
    margin-top: 10px;
}

.checkout-ungshop-auth-alert a {
    color: #2563eb;
    text-decoration: underline;
    font-weight: 700;
    transition: color 0.2s ease;
}

.checkout-ungshop-auth-alert a:hover {
    color: #1d4ed8;
}

/* ==========================================================================
   UngShop Form Inputs Style Guide (Контрастные и удобные инпуты)
   ========================================================================== */

/* Контейнер группы полей */
.checkout-ungshop-card .form-group {
    margin-bottom: 22px;
    position: relative;
}

/* Стилизация этикеток (Labels) */
.checkout-ungshop-card .form-group label {
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 8px;
    display: inline-block;
}

.checkout-ungshop-card .form-group label span {
    color: #db2777;
    margin-left: 4px;
    font-weight: 900;
}

/* Ошибки валидации Laravel */
.checkout-ungshop-card .text-danger {
    font-size: 12px;
    font-weight: 700;
    color: #e11d48 !important;
    display: block;
    margin-top: -4px;
    margin-bottom: 6px;
    background: #fff1f2;
    padding: 4px 10px;
    border-radius: 6px;
    border-left: 3px solid #e11d48;
}

/* Базовый инпут */
.checkout-ungshop-card .form-group input[type="text"],
.checkout-ungshop-card .form-group input[type="email"] {
    width: 100%;
    height: 48px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    transition: all 0.2s ease-in-out;
}

/* Состояния фокуса */
.checkout-ungshop-card .form-group input:focus {
    background: #ffffff;
    border-color: #7360f2;
    box-shadow: 0 0 0 4px rgba(115, 96, 242, 0.15);
    outline: none;
}

/* Стилизация составного поля телефона */
.checkout-ungshop-card .phone-container {
    display: flex;
    align-items: center;
    position: relative;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

.checkout-ungshop-card .phone-container:focus-within {
    background: #ffffff;
    border-color: #7360f2;
    box-shadow: 0 0 0 4px rgba(115, 96, 242, 0.15);
}

.checkout-ungshop-card .phone-prefix {
    background: #e2e8f0;
    color: #475569;
    font-weight: 800;
    font-size: 14px;
    height: 46px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-right: 1px solid #cbd5e1;
    user-select: none;
}

.checkout-ungshop-card .phone-container input.profile-phone {
    border: none !important;
    background: transparent !important;
    height: 46px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 12px !important;
}

/* Статус валидации JS (иконка или текст справа) */
#validation_status {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
/* Динамические ошибки от jQuery Validation */
.checkout-ungshop-card span.text-danger-js {
    font-size: 12px;
    font-weight: 700;
    color: #e11d48 !important;
    display: block;
    margin-bottom: 6px;
    background: #fff1f2;
    padding: 4px 10px;
    border-radius: 6px;
    border-left: 3px solid #e11d48;
    width: 100%;
    box-sizing: border-box;
}
/* ==========================================================================
   UngShop Delivery Methods Style Guide
   ========================================================================== */

/* Обнуляем старый список */
.breadcrumbs-ungshop .dropdown {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Контейнер карточки доставки */
.ungshop-delivery-card {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
}

/* Состояние, когда этот способ доставки выбран */
.ungshop-delivery-card.is-active {
    border-color: #7360f2 !important;
    background: #f8fafc !important;
    box-shadow: 0 4px 12px rgba(115, 96, 242, 0.08) !important;
}

/* Скрываем дефолтный радиобаттон визуально, оставляя его доступным */
.ungshop-radio-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
}

.ungshop-radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    z-index: 3;
}

/* Кастомный красивый кружок радиобаттона */
.ungshop-custom-radio {
    width: 22px;
    height: 22px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    position: relative;
    left: -20px;
    transition: all 0.2s ease;
    z-index: 1;
    background: #fff;
}

.ungshop-radio-input:checked + .ungshop-custom-radio {
    border-color: #7360f2;
    background: #7360f2;
}

.ungshop-radio-input:checked + .ungshop-custom-radio::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Текстовый блок */
.ungshop-delivery-info {
    flex-grow: 1;
}

.ungshop-delivery-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
}

.ungshop-delivery-desc {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
}

.ungshop-delivery-price {
    font-size: 13px !important;
    color: #334155 !important;
    margin: 0 !important;
}

.ungshop-delivery-price strong {
    color: #22c55e !important;
    font-weight: 800 !important;
}

/* Логотип перевозчика */
.ungshop-delivery-logo {
    min-width: 60px;
    max-width: 70px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ungshop-delivery-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Плашка активных акций */
.ungshop-delivery-action {
    position: absolute;
    top: -8px;
    right: 15px;
    z-index: 5;
}

.ungshop-delivery-action .badge-promo {
    background: #fef08a !important;
    color: #e11d48 !important;
    border: 1px solid #fde047 !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(234, 179, 8, 0.2) !important;
}
/* ==========================================================================
   UngShop Contrast Color Style Guide (Коричневые маркеры и цветные инпуты)
   ========================================================================== */

/* Глобальные настройки группы полей */
.checkout-ungshop-card .form-group {
    margin-bottom: 24px;
    position: relative;
}

/* 🏷️ БАЗОВЫЙ СТИЛЬ ЛЕЙБЛОВ: Теперь строго благородный коричневый */
.checkout-ungshop-card .form-group label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important; /* Максимальная жирность */
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;

    /* Базовый контрастный коричневый стиль */
    background: #fdf6f0 !important; /* Светло-кофейный фон */
    color: #5c4033 !important;      /* Глубокий коричневый текст */
    border: 1px solid #d7ccc8 !important;
    border-left: 4px solid #8d6e63 !important; /* Коричневый маркер */
    box-shadow: 0 2px 5px rgba(92, 64, 51, 0.05) !important;
}

.checkout-ungshop-card .form-group label.ung-label span {
    color: #e11d48 !important; /* Яркая звездочка */
    font-weight: 900 !important;
}

/* 🎨 ЦВЕТНЫЕ АКЦЕНТЫ ДЛЯ ТЕКСТА И ИНПУТОВ (Убираем серый) */

/* 👤 1. Личные данные (Имя, Фамилия) — Насыщенный синий текст */
.checkout-ungshop-card .inp-user {
    color: #1e3a8a !important;
    font-weight: 700 !important;
    border: 1px solid #bfdbfe !important;
    background: #f8fafc !important;
}
.checkout-ungshop-card .inp-user:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2) !important;
    background: #ffffff !important;
}

/* 📞 2. Контакты (Телефон) — Глубокий изумрудно-зеленый текст */
.checkout-ungshop-card .phone-container {
    border: 1px solid #bbf7d0 !important;
    background: #f8fafc !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}
.checkout-ungshop-card .phone-container:focus-within {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2) !important;
    background: #ffffff !important;
}
.checkout-ungshop-card .phone-prefix {
    background: #dcfce7 !important; /* Зеленая подложка кода страны */
    color: #115e59 !important;
    font-weight: 900;
    font-size: 15px;
    height: 46px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-right: 1px solid #bbf7d0;
    user-select: none;
}
.checkout-ungshop-card .inp-phone {
    color: #065f46 !important;
    font-weight: 700 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ✉️ 3. Почта (Email) — Благородный темно-фиолетовый текст */
.checkout-ungshop-card .inp-email {
    color: #581c87 !important;
    font-weight: 700 !important;
    border: 1px solid #e9d5ff !important;
    background: #f8fafc !important;
}
.checkout-ungshop-card .inp-email:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.2) !important;
    background: #ffffff !important;
}

/* Общие стили высоты и скругления для всех инпутов */
.checkout-ungshop-card .form-group input[type="text"],
.checkout-ungshop-card .form-group input[type="email"] {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 16px; /* Чуть крупнее для читаемости */
    transition: all 0.2s ease-in-out;
    outline: none;
}


/* 🚚 4. Логистика (Способ доставки, Город, Адрес) — Малиново-розовый маркер */
.checkout-ungshop-card .form-group label.lbl-delivery {
    background: #fdf2f8 !important;
    color: #b91c1c !important;
    border-left: 3px solid #db2777 !important;
}
/* ==========================================================================
   UngShop Contrast Placeholders Style Guide (Цветные подсказки)
   ========================================================================== */

/* 👤 1. Подсказки для личных данных (Имя, Фамилия) — Мягкий синий */
.checkout-ungshop-card .inp-user::placeholder {
    color: #93c5fd !important;
    opacity: 1 !important; /* Гарантирует правильный цвет в Firefox */
    font-weight: 500;
}

/* 📞 2. Подсказка для телефона — Нежный мятно-зеленый */
.checkout-ungshop-card .inp-phone::placeholder {
    color: #6ee7b7 !important;
    opacity: 1 !important;
    font-weight: 500;
}

/* ✉️ 3. Подсказка для Email — Светло-сиреневый / фиолетовый */
.checkout-ungshop-card .inp-email::placeholder {
    color: #d8b4fe !important;
    opacity: 1 !important;
    font-weight: 500;
}

/* Дополнительно: Стилизация подсказок для старых браузеров (на всякий случай) */
.checkout-ungshop-card .inp-user:-ms-input-placeholder  { color: #93c5fd !important; }
.checkout-ungshop-card .inp-phone:-ms-input-placeholder { color: #6ee7b7 !important; }
.checkout-ungshop-card .inp-email:-ms-input-placeholder { color: #d8b4fe !important; }
/* ==========================================================================
   UngShop Active Delivery Card Style Guide (ИСПРАВЛЕНО)
   ========================================================================== */

/* Базовое состояние карточки (когда НЕ выбрана) */
.ungshop-delivery-card {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important; /* Светлая рамка */
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.25s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    list-style: none !important;
}

/* 🌟 АКТИВНОЕ СОСТОЯНИЕ КАРТОЧКИ: Рамка и фон меняются на коричневые тона */
.ungshop-delivery-card.is-active {
    border-color: #5c4033 !important; /* Глубокий шоколадно-коричневый ободок */
    background: #fdf6f0 !important;   /* Мягкий кофейно-бежевый фон карточки */
    box-shadow: 0 6px 20px rgba(92, 64, 51, 0.08) !important; /* Легкая тень */
}

/* Базовое состояние кружка (когда НЕ выбран) */
.ungshop-custom-radio {
    width: 22px !important;
    height: 22px !important;
    border: 2px solid #cbd5e1 !important; /* Спокойный ободок */
    border-radius: 50% !important;
    position: relative !important;
    transition: all 0.2s ease-in-out !important;
    z-index: 1 !important;
    background: #ffffff !important;
}

/* 🌟 АКТИВНОЕ СОСТОЯНИЕ РАДИОКНОПКИ: Окрашивается в цвет карточки */
.ungshop-delivery-card.is-active .ungshop-custom-radio {
    border-color: #5c4033 !important; /* Коричневый ободок радиокнопки */
    background: #5c4033 !important;   /* Коричневый фон радиокнопки */
}

/* Белая точка по центру внутри active кружка (Синтаксис полностью исправлен) */
.ungshop-delivery-card.is-active .ungshop-custom-radio::after {
    content: '' !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    background: #ffffff !important; /* Белый маркер по центру */
    border-radius: 50% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
}

/* Эффект легкого наведения (Hover) на неактивную карточку */
.ungshop-delivery-card:not(.is-active):hover {
    border-color: #bcaaa4 !important; /* Приглушенный коричневый при наведении */
    background: #faf8f6 !important;
}

/* Убираем маркеры списков для тега li внутри выпадающего меню доставки */
.form-group ul.dropdown {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.form-group ul.dropdown li {
    list-style: none !important;
}

/* ==========================================================================
   UngShop Search Cities & Departments Style Guide
   ========================================================================== */

/* 🔍 Поиск городов — Теплый коньячный оттенок */
.checkout-ungshop-card .inp-search-city {
    color: #7c2d12 !important; /* Насыщенный терракотово-коричневый */
    font-weight: 800 !important;
    border: 1px solid #fed7aa !important;
    background: #fdf6f0 !important;
}
.checkout-ungshop-card .inp-search-city:focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.2) !important;
    background: #ffffff !important;
}
.checkout-ungshop-card .inp-search-city::placeholder {
    color: #fdba74 !important;
    font-weight: 500;
}

/* 🚚 Полный адрес — Фирменный шоколадный */
.checkout-ungshop-card .inp-full-address {
    color: #5c4033 !important;
    font-weight: 800 !important;
    border: 1px solid #d7ccc8 !important;
    /*background: #fdf6f0 !important;*/
    background: #ecff0e !important;
    font-size: 15px !important;
}
.checkout-ungshop-card .inp-full-address:focus {
    border-color: #5c4033 !important;
    box-shadow: 0 0 0 4px rgba(92, 64, 51, 0.2) !important;
    background: #ffffff !important;
}

/* 📝 Комментарий к заказу — Мягкий графитовый */
.checkout-ungshop-card .txt-comment {
    width: 100%;
    border-radius: 10px;
    padding: 12px 16px;
    outline: none;
    transition: all 0.2s ease-in-out;
    color: #1e293b !important;
    font-weight: 700 !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
}
.checkout-ungshop-card .txt-comment:focus {
    border-color: #64748b !important;
    box-shadow: 0 0 0 4px rgba(100, 116, 139, 0.2) !important;
    background: #ffffff !important;
}
.checkout-ungshop-card .txt-comment::placeholder {
    color: #94a3b8 !important;
    font-weight: 500;
}

/* ==========================================================================
   NiceSelect с живым поиском отделений
   ========================================================================== */
.checkout-ungshop-card .nice-select {
    width: 100% !important;
    height: 48px !important;
    line-height: 44px !important;
    background: #fdf6f0 !important;
    border: 2px solid #d7ccc8 !important;
    border-radius: 10px !important;
    float: none !important;
    padding-left: 16px !important;
}
.checkout-ungshop-card .nice-select:focus,
.checkout-ungshop-card .nice-select.open {
    border-color: #5c4033 !important;
    box-shadow: 0 0 0 4px rgba(92, 64, 51, 0.15) !important;
}
.checkout-ungshop-card .nice-select .current {
    font-weight: 800 !important;
    color: #5c4033 !important;
    font-size: 15px !important;
}
.checkout-ungshop-card .nice-select .list {
    width: 100% !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    border-radius: 10px !important;
    border: 2px solid #5c4033 !important;
    box-shadow: 0 8px 24px rgba(92, 64, 51, 0.15) !important;
    padding-top: 50px !important; /* Место под инпут фильтрации */
}

/* Строка фильтрации внутри выпадающего списка */
.nice-select-search-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6px 10px;
    background: #fdf6f0;
    border-bottom: 1px solid #d7ccc8;
    z-index: 9;
    box-sizing: border-box;
}
.nice-select-search-input {
    width: 100% !important;
    height: 36px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #5c4033 !important;
    outline: none !important;
}
/* ==========================================================================
   🟧 ЗОНА 1: Поиск городов и отделений — Коньячно-оранжевая палитра
   ========================================================================== */

.location-search-group,
.department-search-group {
    position: relative;
    margin-bottom: 24px;
}

/* Оранжевые лейблы для групп поиска городов и отделений */
.checkout-ungshop-card .location-search-group label.ung-label,
.checkout-ungshop-card .department-search-group label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #fff7ed !important; /* Очень мягкий оранжевый */
    color: #9a3412 !important;      /* Насыщенный коньячный текст */
    border: 1px solid #ffedd5 !important;
    border-left: 4px solid #ea580c !important; /* Оранжевый маркер */
    box-shadow: 0 2px 5px rgba(154, 52, 18, 0.05) !important;
}

.checkout-ungshop-card label.ung-label span {
    color: #e11d48 !important;
    font-weight: 900 !important;
}

/* Инпуты поиска городов и отделений: Коньячно-терракотовый стиль */
.checkout-ungshop-card .inp-search-city,
.checkout-ungshop-card .inp-search-dept {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 16px;
    color: #7c2d12 !important; /* Терракотовый текст ввода */
    font-weight: 800 !important;
    border: 1px solid #fed7aa !important;
    background: #fff7ed !important;
    outline: none;
    transition: all 0.2s ease-in-out;
}

.checkout-ungshop-card .inp-search-city:focus,
.checkout-ungshop-card .inp-search-dept:focus:not(:disabled) {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.2) !important;
    background: #ffffff !important;
}

/* Заблокированное состояние инпута отделений (пока не выбран город) */
.checkout-ungshop-card .inp-search-dept:disabled {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
}

.checkout-ungshop-card .inp-search-city::placeholder,
.checkout-ungshop-card .inp-search-dept::placeholder {
    color: #fdba74 !important; /* Нежный оранжевый плейсхолдер */
    font-weight: 500;
}

/* ==========================================================================
   🟫 ЗОНА 2: Проверка полного адреса — Фирменная кофейно-коричневая палитра
   ========================================================================== */
.checkout-ungshop-card .inp-full-address-wrapper label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #fdf6f0 !important; /* Светло-кофейный фон */
    color: #5c4033 !important;      /* Глубокий шоколадный текст */
    border: 1px solid #d7ccc8 !important;
    border-left: 4px solid #8d6e63 !important; /* Коричневый маркер */
    box-shadow: 0 2px 5px rgba(92, 64, 51, 0.05) !important;
}

.checkout-ungshop-card .inp-full-address {
    width: 100%;
    height: 48px;
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 16px !important;
    color: #5c4033 !important; /* Шоколадный текст ввода */
    font-weight: 800 !important;
    border: 1px solid #d7ccc8 !important;
    background: #9eff2a !important;
    outline: none;
    transition: all 0.2s ease-in-out;
}

.checkout-ungshop-card .inp-full-address:focus {
    border-color: #5c4033 !important;
    box-shadow: 0 0 0 4px rgba(92, 64, 51, 0.2) !important;
    background: #ffffff !important;
}

.checkout-ungshop-card .inp-full-address::placeholder {
    color: #bcaaa4 !important; /* Спокойный кофейный плейсхолдер */
    font-weight: 500;
}

/* ==========================================================================
   🟦 ЗОНА 3: Комментарий к заказу — Строгая стальная / чернильно-синяя палитра
   ========================================================================== */
.checkout-ungshop-card .txt-comment-wrapper label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #f0fdfa !important; /* Светлый ментолово-стальной фон */
    color: #042f2e !important;      /* Глубокий чернильный текст */
    border: 1px solid #ccfbf1 !important;
    border-left: 4px solid #0d9488 !important; /* Бирюзово-стальной маркер */
    box-shadow: 0 2px 5px rgba(13, 148, 136, 0.05) !important;
}

.checkout-ungshop-card .txt-comment {
    width: 100%;
    border-radius: 10px;
    padding: 12px 16px;
    color: #0f172a !important; /* Графитовый текст ввода */
    font-weight: 700 !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    outline: none;
    transition: all 0.2s ease-in-out;
}

.checkout-ungshop-card .txt-comment:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.2) !important;
    background: #ffffff !important;
}

.checkout-ungshop-card .txt-comment::placeholder {
    color: #94a3b8 !important; /* Мягкий серый плейсхолдер */
    font-weight: 500;
}

/* ==========================================================================
   🔥 УЛУЧШЕННЫЙ ВЫПАДАЮЩИЙ СПИСОК РЕЗУЛЬТАТОВ (Города и Отделения)
   ========================================================================== */
.ungshop-autocomplete-list {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    background: #fdfaf7 !important; /* Контрастный легкий кофейно-кремовый фон */
    border: 2px solid #5c4033 !important; /* Наш шоколадный ободок */
    border-radius: 12px !important;
    padding: 6px 0 !important;
    margin: 6px 0 0 0 !important;
    list-style: none !important;
    box-shadow: 0 10px 25px rgba(92, 64, 51, 0.15) !important;
    z-index: 9999 !important;
    display: none;
}

/* Настройка полосы прокрутки (скроллбара) в шоколадном стиле */
.ungshop-autocomplete-list::-webkit-scrollbar { width: 8px; }
.ungshop-autocomplete-list::-webkit-scrollbar-track { background: #fdf6f0; border-radius: 10px; }
.ungshop-autocomplete-list::-webkit-scrollbar-thumb { background: #bcaaa4; border-radius: 10px; }
.ungshop-autocomplete-list::-webkit-scrollbar-thumb:hover { background: #8d6e63; }

/* Каждая кликабельная строка списка результатов */
.ungshop-autocomplete-list li.dept-item,
.ungshop-autocomplete-list li.city-item {
    padding: 14px 18px !important;
    border-bottom: 1px solid #f3ebe4 !important; /* Мягкая кофейная линия-разделитель */
    cursor: pointer !important;
    transition: all 0.15s ease-in-out !important;
    background: transparent !important;
}

.ungshop-autocomplete-list li:last-child {
    border-bottom: none !important;
}

/* Эффект наведения мышки на строку списка результатов */
.ungshop-autocomplete-list li.dept-item:hover,
.ungshop-autocomplete-list li.city-item:hover {
    background: #f5e9df !important; /* Более сочный кофейный оттенок */
    padding-left: 22px !important;   /* Плавный сдвиг вправо при наведении */
}

/* Крупный текст названия ГОРОДА */
.ungshop-autocomplete-list .city-title {
    font-weight: 900 !important;
    font-size: 17px !important;
    color: #5c4033 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.3px;
}

/* Крупный текст адреса ОТДЕЛЕНИЯ */
.ungshop-autocomplete-list .dept-title {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: #2e1c14 !important;   /* Глубокий кофейный цвет для легкого чтения */
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Если ничего не найдено */
.ungshop-autocomplete-list .empty-results {
    padding: 18px !important;
    color: #8d6e63 !important;
    font-size: 15px !important;
    text-align: center !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   UngShop Layout & Sidebar Component Styles
   ========================================================================== */
/* Поддержка современных флекс-отступов (gap) для старых браузеров */
.gap-4 {
    gap: 1.5rem !important;
}

/* Специфические заголовки блоков в сайдбаре */
.checkout-ungshop-card .sidebar-block-title {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Наш шоколадный */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Липкий сайдбар при скролле на ПК */
@media (min-width: 992px) {
    .checkout-sidebar-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}

/* ==========================================================================
   Компонент: Пустая корзина (Убираем синие ссылки и гигантские шрифты)
   ========================================================================== */
.empty-cart-container {
    background: #ffffff;
    border-radius: 16px;
    padding: 50px 30px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    border: 1px solid #e2e8f0;
    max-width: 600px;
    margin: 40px auto;
}

.empty-cart-icon {
    font-size: 64px;
    color: #bcaaa4; /* Мягкий кофейный */
    margin-bottom: 16px;
}

.empty-cart-container .title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #5c4033 !important;
    margin-bottom: 8px !important;
}

.empty-cart-container .subtitle {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 24px;
}

/* Кнопка продолжить покупки в стиле UngShop */
.btn-ungshop-continue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #5c4033 !important;
    color: #ffffff !important;
    font-weight: 800;
    font-size: 16px;
    padding: 12px 30px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 12px rgba(92, 64, 51, 0.15);
}

.btn-ungshop-continue:hover {
    background: #8d6e63 !important;
    transform: translateY(-1px);
}
/* ==========================================================================
   UngShop Order Summary Widget (Контрастный чек корзины)
   ========================================================================= */

.order-summary-card {
    background: #ffffff !important;
    border: 2px solid #d7ccc8 !important; /* Наш кофейный ободок */
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(92, 64, 51, 0.05) !important;
}

/* Сетка параметров заказа */
.order-summary-card .summary-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.order-summary-card .summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

/* Количество товаров */
.order-summary-card .summary-count {
    color: #5c4033 !important; /* Шоколадный */
    background: #fdf6f0 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
}

/* Финальная итоговая строка */
.order-summary-card .summary-item.total-row {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-top: 6px !important;
    font-size: 16px !important;
    color: #0f172a !important;
}

.order-summary-card .total-price-badge {
    font-size: 22px !important; /* Крупный акцент на цене */
    font-weight: 900 !important;
    color: #166534 !important; /* Глубокий зеленый цвет денег */
    background: #dcfce7 !important; /* Мягкая зеленая подложка */
    padding: 4px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #bbf7d0 !important;
    display: inline-block !important;
}

/* Промо-плашка действующих акций */
.order-summary-card .summary-action-banner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #fef08a !important; /* Мягкий золотой */
    border: 1px solid #fde047 !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    margin-bottom: 18px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.order-summary-card .summary-action-banner a {
    color: #b91c1c !important; /* Контрастный красный текст ссылки */
    text-decoration: underline !important;
}

/* ==========================================================================
   UngShop Payment Block Component Style Guide (Блок Оплаты Сайдбара)
   ========================================================================== */

/* Карточка блока оплаты */
.payment-method-card {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important; /* Базовый плотный контур */
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.25s ease-in-out;
}

/* Состояние, если заказ уже оплачен (Специальная мягкая золотая подсветка) */
.payment-method-card.payment-is-payed {
    border-color: #eab308 !important;
    background: #fefcbf !important;
    box-shadow: 0 6px 20px rgba(234, 179, 8, 0.1) !important;
}

/* Блок предупреждения: Наложенного платежа нет! */
.payment-method-card .payment-warning-banner {
    background: #fff1f2 !important; /* Мягкий розово-красный фон внимания */
    border: 1px solid #fecdd3 !important;
    border-left: 4px solid #e11d48 !important; /* Яркий красный маркер */
    padding: 12px 14px !important;
    border-radius: 8px !important;
    margin-top: 14px !important;
    margin-bottom: 5px !important;
}

.payment-method-card .payment-warning-banner h6 {
    color: #9f1239 !important; /* Глубокий винный цвет текста */
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.payment-method-card .payment-warning-banner strong {
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Текстовые статусы предзаполнения полей */
.payment-status-text {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin: 4px 0 0 0 !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

/* Статус: Нужно заполнить ФИО/Телефон (Пастельно-оранжевый) */
.status-need-fill {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
}

/* Статус: Успешно оплачено (Пастельно-зеленый) */
.status-payed-success {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

/* Ошибки платежной системы (Сессии) */
.payment-method-card .alert {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.payment-method-card .alert-danger {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #e11d48 !important;
}
.payment-method-card .alert-success {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #15803d !important;
}
/* ==========================================================================
   UngShop Payment Gateway Grid Style Guide (Интерактивные методы оплаты)
   ========================================================================== */

/* Контейнер-группа методов оплаты */
.ungshop-payment-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 15px !important;
}

/* Карточка конкретного метода оплаты (LiqPay, Реквизиты и т.д.) */
.ungshop-pay-card {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.2s ease-in-out !important;
    position: relative !important;
}

/* Активное состояние выбранной платежной системы */
.ungshop-pay-card.pay-selected {
    border-color: #5c4033 !important; /* Наш фирменный шоколадный */
    /*background: #fdf6f0 !important;   !* Мягкий кофейный фон *!*/
    background: #efe217 !important;
}

/* Обертка для радиокнопки и текста */
.ungshop-pay-label-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #334155 !important;
    flex-grow: 1;
}

.ungshop-pay-card.pay-selected .ungshop-pay-label-wrapper {
    /*color: #5c4033 !important;*/
    color: #12980e !important;
}

/* Кастомный ободок радио-кружка для оплаты */
.ungshop-pay-radio-input {
    width: 20px !important;
    height: 20px !important;
    accent-color: #5c4033 !important; /* Окрашивает стандартную точку в шоколадный */
    cursor: pointer !important;
    margin: 0 !important;
}

/* Разделительная линия "або" */
.ungshop-payment-divider {
    text-align: center !important;
    margin: 20px 0 !important;
    position: relative !important;
}
.ungshop-payment-divider::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: #e2e8f0 !important;
    z-index: 1 !important;
}
.ungshop-payment-divider span {
    background: #ffffff !important;
    padding: 4px 14px !important;
    color: #8d6e63 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    position: relative !important;
    z-index: 2 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
}

/* Контейнер логотипов электроных кошельков (GPay, Apple Pay) */
.ungshop-wallet-logos {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 15px 0 !important;
}
.ungshop-wallet-logos img {
    height: 34px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Кнопка инициализации шлюза "Оплатити картою" */
.btn-ungshop-gate-pay {
    width: 100% !important;
    height: 48px !important;
    background: #22c55e !important; /* Яркий сочный зеленый */
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-ungshop-gate-pay:hover:not(:disabled) {
    background: #16a34a !important;
    transform: translateY(-1px) !important;
}
.btn-ungshop-gate-pay:disabled {
    background: #cbd5e1 !important;
    color: #64748b !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Форма ручного ввода данных карты (если LiqPay открывается инлайново) */
.ungshop-credit-card-form {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin-top: 15px !important;
}
.ungshop-credit-card-form label {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.ungshop-credit-card-form input {
    width: 100% !important;
    height: 38px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 0 10px !important;
    margin-bottom: 12px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.ungshop-credit-card-form input:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   UngShop SweetAlert Custom Design (Контрастное предупреждение об оплате)
   ========================================================================== */

/* Текст внутри окна предупреждения */
.swal-text {
    font-weight: 800 !important;
    background: #fff7ed !important; /* Наш пастельно-оранжевый коньячный фон */
    font-size: 16px !important;
    color: #7c2d12 !important;      /* Терракотово-коричневый текст */
    line-height: 1.5 !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #ea580c !important; /* Яркий маркер внимания */
    text-align: center !important;
    display: block !important;
}

/* Фирменная кнопка закрытия предупреждения */
.swal-button.btn-ungshop-swal-confirm {
    background-color: #5c4033 !important; /* Наш благородный шоколадный */
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    box-shadow: 0 4px 12px rgba(92, 64, 51, 0.15) !important;
    transition: all 0.2s ease;
}

.swal-button.btn-ungshop-swal-confirm:hover {
    background-color: #8d6e63 !important;
}
/* ==========================================================================
   UngShop Order Confirmation & Popup Loader Style Guide (Блок Подтверждения)
   ========================================================================== */

/* Блок вывода серверных ошибок валидации Laravel */
.checkout-ungshop-card .validation-summary-box {
    background: #fff1f2 !important; /* Пастельно-красный */
    border: 1px solid #fecdd3 !important;
    border-left: 4px solid #e11d48 !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}
.checkout-ungshop-card .validation-summary-title {
    font-weight: 900 !important;
    color: #9f1239 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.checkout-ungshop-card .validation-summary-list {
    list-style: disc !important;
    padding-left: 20px !important;
    margin: 0 !important;
    color: #b91c1c !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* 🟥 ГЛАВНАЯ КНОПКА: Малиновая капсула подтверждения заказа */
.btn-ungshop-submit-order {
    width: 100% !important;
    height: 52px !important;
    background: #db2777 !important; /* Фирменный малиновый цвет */
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(219, 39, 119, 0.25) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-ungshop-submit-order:hover:not(:disabled) {
    background: #be185d !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(219, 39, 119, 0.35) !important;
}

/* Вспомогательная кнопка якоря "Оплатити зараз" */
.btn-ungshop-anchor-pay {
    width: 100% !important;
    height: 46px !important;
    background: #f1f5f9 !important;
    color: #6366f1 !important; /* Сине-фиолетовый акцент */
    border: 1px dashed #cbd5e1 !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.btn-ungshop-anchor-pay:hover {
    background: #e0e7ff !important;
    color: #4f46e5 !important;
    border-color: #c7d2fe !important;
}

/* ==========================================================================
   ПОПАП-ЛОАДЕР: Фиксированный полноэкранный экран ожидания (Замена старого div)
   ========================================================================== */
.ungshop-fullscreen-loader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(15, 23, 42, 0.75) !important; /* Темный полупрозрачный фон */
    backdrop-filter: blur(4px) !important; /* Легкое размытие заднего плана */
    z-index: 99999 !important; /* Поверх абсолютно всего */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ungshop-loader-card {
    background: #ffffff !important;
    border: 3px solid #5c4033 !important; /* Наш шоколадный ободок */
    border-radius: 16px !important;
    padding: 30px 40px !important;
    text-align: center !important;
    max-width: 420px !important;
    width: 90% !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
}

.ungshop-loader-card h2 {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #5c4033 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
}

.ungshop-loader-message {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    background: #fff7ed !important; /* Мягкая конячная подложка */
    border-left: 4px solid #ea580c !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    margin: 15px 0 0 0 !important;
    line-height: 1.5 !important;
}
/* ==========================================================================
   UngShop Inline Buttons Style Guide (Две кнопки в один ряд)
   ========================================================================== */

/* Флекс-сетка для кнопок в одну линию */
.ungshop-buttons-inline-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Распределяем ширину кнопок поровну (50% на 50%) */
.ungshop-buttons-inline-container .ungshop-btn-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
}

/* Высота вспомогательной кнопки приравнивается к главной малиновой кнопке */
.ungshop-buttons-inline-container .btn-ungshop-anchor-pay {
    height: 52px !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.08) !important;
}

/* АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ УСТРОЙСТВА (Экраны меньше 768px) */
@media (max-width: 767px) {
    .ungshop-buttons-inline-container {
        flex-direction: column !important; /* Кнопки встают вертикально друг под друга */
        gap: 12px !important;
    }

    .ungshop-buttons-inline-container .ungshop-btn-col {
        width: 100% !important; /* Каждая кнопка занимает всю ширину экрана смартфона */
        flex: none !important;
    }
}

/* Гарантированное скрытие лоадера при загрузке */
.ungshop-fullscreen-loader {
    display: none !important;
}

/* ==========================================================================
   UngShop Pure Auth Form Style Guide (Форма Входа)
   ========================================================================== */
.login-form-card {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05) !important;
}

.login-form-card h2 {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Наш шоколадный */
    text-transform: uppercase !important;
    margin-bottom: 24px !important;
    letter-spacing: 0.5px;
}

/* Стилизация инпутов авторизации (Ментолово-стальная палитра) */
.login-form-card .auth-input-group label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #f0fdfa !important; /* Светлый ментоловый */
    color: #042f2e !important;      /* Глубокий чернильный */
    border: 1px solid #ccfbf1 !important;
    border-left: 4px solid #0d9488 !important; /* Стальной маркер */
}

.login-form-card .auth-input-group label.ung-label span {
    color: #e11d48 !important;
}

.login-form-card .inp-auth {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
}

.login-form-card .inp-auth:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.2) !important;
    background: #ffffff !important;
}

/* Главная малиновая кнопка входа */
.btn-ungshop-login-submit {
    width: 100% !important;
    height: 48px !important;
    background: #db2777 !important; /* Фирменный малиновый */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important; /* Капсула */
    font-weight: 900 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-ungshop-login-submit:hover {
    background: #be185d !important;
    transform: translateY(-1px) !important;
}

/* Секция Социального входа */
.social-login-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.social-buttons-row {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
}

.btn-soc-capsule {
    flex: 1 !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid #cbd5e1 !important;
}

/* Бренд-цвета для кнопок авторизации */
.btn-soc-capsule.ts-google {
    background: #ffffff !important;
    color: #1e293b !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}
.btn-soc-capsule.ts-google:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    transform: translateY(-1px) !important;
}

.btn-soc-capsule.ts-facebook {
    background: #1877f2 !important; /* Официальный цвет FB */
    color: #ffffff !important;
    border-color: #1877f2 !important;
    box-shadow: 0 2px 4px rgba(24, 119, 242, 0.15) !important;
}
.btn-soc-capsule.ts-facebook:hover {
    background: #166fe5 !important;
    transform: translateY(-1px) !important;
}
/* Группы инпутов авторизации */
.auth-input-group label.ung-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    background: #f0fdfa !important; /* Ментоловый */
    color: #042f2e !important;
    border: 1px solid #ccfbf1 !important;
    border-left: 4px solid #0d9488 !important; /* Стальной маркер */
}

.inp-auth {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
}
.inp-auth:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.2) !important;
    background: #ffffff !important;
}

/* Главная малиновая кнопка */
.btn-ungshop-login-submit {
    width: 100% !important;
    height: 48px !important;
    background: #db2777 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-ungshop-login-submit:hover {
    background: #be185d !important;
    transform: translateY(-1px) !important;
}

/* Заголовок социальных сетей */
.social-login-title {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #5c4033 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
}

/* Флекс-контейнер социальных кнопок */
.social-buttons-row {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
}

.btn-soc-capsule {
    flex: 1 !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid #cbd5e1 !important;
}

.btn-soc-capsule.ts-google {
    background: #ffffff !important;
    color: #1e293b !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}
.btn-soc-capsule.ts-google:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    transform: translateY(-1px) !important;
}

.btn-soc-capsule.ts-facebook {
    background: #1877f2 !important;
    color: #ffffff !important;
    border-color: #1877f2 !important;
    box-shadow: 0 2px 4px rgba(24, 119, 242, 0.15) !important;
}
.btn-soc-capsule.ts-facebook:hover {
    background: #166fe5 !important;
    transform: translateY(-1px) !important;
}

/* На мобильных экранах перестраиваем кнопки вертикально */
@media (max-width: 575px) {
    .social-buttons-row {
        flex-direction: column !important;
    }
}
/* ==========================================================================
   UngShop Register & Lost Password Footer Components
   ========================================================================== */

/* Общий разделяющий контейнер */
.auth-footer-actions-zone {
    border-top: 2px dashed #cbd5e1 !important;
    padding-top: 40px !important;
    margin-top: 40px !important;
}

/* Карточка нового пользователя */
.auth-footer-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    height: 100% !important; /* Выравнивает карточки по высоте */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.auth-footer-card h3,
.auth-footer-card h4 {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Наш шоколадный */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
}

/* Серая кнопка регистрации-капсулы */
.btn-ungshop-register-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 46px !important;
    background: #64748b !important; /* Стальной оттенок */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(100, 116, 139, 0.15) !important;
}
.btn-ungshop-register-link:hover {
    background: #475569 !important;
    transform: translateY(-1px) !important;
}

/* Оранжевая кнопка восстановления пароля */
.btn-ungshop-reset-submit {
    width: 100% !important;
    height: 46px !important;
    background: #ea580c !important; /* Коньячно-оранжевый */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.2) !important;
}
.btn-ungshop-reset-submit:hover {
    background: #c2410c !important;
    transform: translateY(-1px) !important;
}
/* ==========================================================================
   UngShop Messengers Promo Cards Style Guide (Горизонтальные плитки)
   ========================================================================== */

.messengers-promo-zone {
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    padding-top: 30px !important;
    border-top: 1px dashed #cbd5e1 !important;
}

.messengers-promo-zone .section-title {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Наш шоколадный */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 24px !important;
}

/* Контейнер горизонтального ряда */
.messengers-flex-row {
    display: flex !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Общий стиль для обеих плиток */
.viber-promo-card, .tg-promo-card {
    flex: 1 !important; /* Делает плитки абсолютно одинаковыми по ширине */
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.25s ease-in-out !important;
}

/* Специфические рамки для брендов */
.viber-promo-card { border: 2px solid #7360f2 !important; } /* Фирменный Viber */
.tg-promo-card { border: 2px solid #24a1de !important; }    /* Фирменный Telegram */

.viber-promo-card:hover { box-shadow: 0 8px 25px rgba(115, 96, 242, 0.15) !important; transform: translateY(-2px); }
.tg-promo-card:hover { box-shadow: 0 8px 25px rgba(36, 161, 222, 0.15) !important; transform: translateY(-2px); }

/* Лейблы описания */
.viber-label, .tg-label {
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    display: block !important;
}
.viber-label { color: #503bb1 !important; }
.tg-label { color: #1d729e !important; }

/* Адаптивные обертки QR кодов */
.viber-qr-wrapper, .tg-qr-wrapper {
    background: #f8fafc !important;
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 18px !important;
    border: 1px solid #e2e8f0 !important;
    display: inline-block !important;
}

.viber-qr-render svg, .tg-qr-render svg {
    max-width: 180px !important; /* Оптимальный размер для сетки 50/50 */
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.viber-qr-text, .tg-qr-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    margin: 8px 0 0 0 !important;
}

/* Адаптивные брендовые инлайн-кнопки */
.viber-btn-inline, .tg-btn-inline {
    width: 100% !important;
    height: 46px !important;
    border-radius: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
}

.viber-btn-inline {
    background: #7360f2 !important;
    box-shadow: 0 4px 12px rgba(115, 96, 242, 0.2) !important;
}
.viber-btn-inline:hover { background: #5a48d4 !important; }

.tg-btn-inline {
    background: #24a1de !important;
    box-shadow: 0 4px 12px rgba(36, 161, 222, 0.2) !important;
}
.tg-btn-inline:hover { background: #1a87bd !important; }

/* МОБИЛЬНАЯ АДАПТАЦИЯ (Экраны меньше 768px) */
@media (max-width: 767px) {
    .messengers-flex-row {
        flex-direction: column !important; /* Плитки встают друг под друга */
        gap: 16px !important;
    }
}
/* ==========================================================================
   UngShop User Dashboard Breadcrumbs Style Guide (Особистий Кабінет)
   ========================================================================== */

/* Аватар пользователя внутри активной крошки-капсулы */
.breadcrumbs-ungshop .bc-ung-user-avatar {
    border-radius: 50% !important;
    border: 1px solid #ffffff !important;
    object-fit: cover !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
}

/* Счетчик акционных подкатегорий в зеленой таблетке */
.breadcrumbs-ungshop .bc-ung-count-pill-green {
    background: #22c55e !important; /* Насыщенный сочный зеленый */
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 1px 7px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    margin-left: 4px !important;
    border: 1px solid #bbf7d0 !important;
    display: inline-block !important;
}
/* ==========================================================================
   UngShop Dashboard Top Stats Style Guide (Информер заказов пользователя)
   ========================================================================= */

/* Левый блок: Приветствие пользователя */
.dashboard-welcome-card {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03) !important;
}

.dashboard-welcome-card .user-avatar-large {
    border-radius: 50% !important;
    border: 3px solid #fdf6f0 !important;
    object-fit: cover !important;
    box-shadow: 0 2px 8px rgba(92, 64, 51, 0.1) !important;
}

.dashboard-welcome-card .welcome-text-group h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
}

.dashboard-welcome-card .welcome-text-group p {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* Правый блок: Контрастная карточка статистики заказов */
.dashboard-stats-card {
    background: #ffffff !important;
    border: 2px solid #d7ccc8 !important; /* Наш фирменный кофейный ободок */
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(92, 64, 51, 0.05) !important;
}

.dashboard-stats-card .stats-title {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Шоколадный */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Сетка параметров */
.dashboard-stats-card .stats-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.dashboard-stats-card .stats-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

/* Счетчики количества */
.dashboard-stats-card .count-badge {
    color: #5c4033 !important;
    background: #fdf6f0 !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    border: 1px solid #f3ebe4 !important;
}

/* Финальная итоговая строка суммы */
.dashboard-stats-card .stats-item.total-row {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-top: 6px !important;
    font-size: 16px !important;
    color: #0f172a !important;
}

.dashboard-stats-card .total-price-badge {
    font-size: 20px !important; /* Крупный акцент на деньгах */
    font-weight: 900 !important;
    color: #166534 !important; /* Глубокий зеленый */
    background: #dcfce7 !important; /* Мягкая пастельно-зеленая подложка */
    padding: 4px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #bbf7d0 !important;
    display: inline-block !important;
}

/* Мобильная адаптация */
@media (max-width: 575px) {
    .dashboard-welcome-card {
        flex-direction: column !important;
        text-align: center !important;
    }
}
/* ==========================================================================
   UngShop Modern & Clean Orders Table Style Guide
   ========================================================================== */

/* 🌟 ГЛАВНЫЙ ФИКС: Разрешаем таблице и её обертке выпускать элементы наружу */
.table-user-wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* Более тонкая и современная рамка */
    border-radius: 14px !important;       /* Закругленные углы нового поколения */
    padding: 12px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important; /* Более мягкая тень */
    margin-bottom: 50px !important;
    margin-top: 30px !important;
    overflow: visible !important;          /* Отключаем обрезание краев */
}

.table-user-wrapper .table-responsive {
    overflow: visible !important;          /* Выпадающий чек не прячется внутрь */
}

/* Фиксируем ячейку как точку отсчета координат */
#order-dataTable td.action {
    position: relative !important;
    overflow: visible !important;
}

/* Показываем окно при наведении мышки на ячейку */
#order-dataTable td.action:hover .ungshop-order-items-dropdown {
    display: block !important;
}

/* 🌟 ЛЕГКИЙ И СТИЛЬНЫЙ THEAD */
#order-dataTable thead tr.main-hading {
    background: #f8fafc !important;        /* Светлый благородный пастельный бекграунд */
    border-bottom: 2px solid #e2e8f0 !important;
}

#order-dataTable thead th {
    color: #475569 !important;             /* Мягкий графитовый цвет текста */
    font-weight: 700 !important;
    font-size: 13px !important;            /* Чуть меньше для аккуратности */
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;      /* Больше читаемости */
    padding: 16px 12px !important;
    border: none !important;
    vertical-align: middle !important;
}

/* Строки таблицы */
#order-dataTable tbody tr {
    transition: background-color 0.2s ease-in-out !important;
}

/* Эффект наведения — мягкий кофейно-кремовый тон */
#order-dataTable tbody tr:hover {
    background-color: #faf6f0 !important;  /* Сверхмягкий, уютный оттенок */
}

#order-dataTable tbody td {
    font-size: 14px !important;
    font-weight: 500 !important;           /* Убрали излишнюю жирность для чистоты */
    color: #334155 !important;
    padding: 16px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    vertical-align: middle !important;
}

/* Нумерация строк # */
#order-dataTable .order-row-index {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

/* Контрастный номер заказа */
#order-dataTable .order-row-number {
    font-weight: 700 !important;
    color: #0f172a !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important; /* Более современные шрифты */
    font-size: 14px !important;
}

/* 🌟 Итоговая сумма в строке (Премиальный кофейный акцент) */
#order-dataTable .order-row-price {
    font-weight: 800 !important;
    color: #5c4033 !important;             /* Шоколадный оттенок для денег */
    background: #fdf4ec !important;        /* Мягкая пастельно-кремовая подложка */
    padding: 6px 12px !important;          /* Внутренние отступы как у бейджа */
    border-radius: 8px !important;         /* Превращаем в красивый аккуратный тег */
    display: inline-block !important;
}

/* Адаптивный горизонтальный скроллбар в шоколадном стиле */
.table-responsive::-webkit-scrollbar { height: 6px; }
.table-responsive::-webkit-scrollbar-track { background: #faf6f0; border-radius: 10px; }
.table-responsive::-webkit-scrollbar-thumb { background: #d7ccc8; border-radius: 10px; } /* Сделали чуть светлее */
.table-responsive::-webkit-scrollbar-thumb:hover { background: #8d6e63; }

/* ==========================================================================
   UngShop Dashboard Table Footer & Empty States Style Guide
   ========================================================================== */

/* Блок заглушки, если заказов еще нет */
#order-dataTable .empty-orders-box {
    padding: 30px 24px !important;
    background: #fffaf5 !important;        /* Наш нежный пастельно-оранжевый фон */
    border-radius: 12px !important;
    border-left: 4px solid #e67e22 !important; /* Мягкий маркер внимания */
    margin: 20px 0 !important;
    box-shadow: 0 2px 10px rgba(230, 126, 34, 0.03) !important;
}

#order-dataTable .empty-orders-box h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #6e4d3b !important;             /* Сбалансированный коричневый текст */
    line-height: 1.6 !important;
}

#order-dataTable .empty-orders-box h3 span.user-highlight {
    background: #ffebd6 !important;        /* Мягкая подсветка имени */
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    color: #d35400 !important;
}

/* ==========================================================================
   UngShop Order Badges, Payment Cells & Interactive Elements
   ========================================================================== */

/* Общие стили бейджей статусов */
.order-dataTable-badge {
    display: inline-block !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Расцветка статусов */
.badge-ung-new { background-color: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.badge-ung-process { background-color: #fef3c7 !important; color: #d97706 !important; border: 1px solid #fde68a !important; }
.badge-ung-delivery { background-color: #f5f3ff !important; color: #6d28d9 !important; border: 1px solid #ddd6fe !important; }
.badge-ung-complete { background-color: #ecfdf5 !important; color: #047857 !important; border: 1px solid #a7f3d0 !important; }
.badge-ung-cancel { background-color: #fef2f2 !important; color: #b91c1c !important; border: 1px solid #fca5a5 !important; }

/* Блок даты и времени */
.order-datetime-box {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}
.order-datetime-box i { font-size: 13px; }
.expand-indicator-arrow { margin-left: auto; color: #94a3b8; transition: transform 0.2s ease; }

/* Получатель */
.order-recipient-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.order-fio { font-weight: 700; color: #334155; font-size: 14px; }
.order-fio-phone { font-size: 12px; color: #64748b; }

/* Ссылки на оплату/чеки внутри ячейки */
.payment-action-link {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.15s ease-in-out !important;
}
.success-receipt-link { background: #f0fdf4 !important; color: #15803d !important; border: 1px solid #bbf7d0 !important; }
.success-receipt-link:hover { background: #dcfce7 !important; }
.pending-pay-link { background: #fef2f2 !important; color: #b91c1c !important; border: 1px solid #fca5a5 !important; }
.pending-pay-link:hover { background: #fee2e2 !important; }

/* Количество товаров бейдж */
.order-total-qty-badge {
    background: #f1f5f9;
    color: #475569;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
}

/* Иконки действий */
.btn-delivery-info, .btn-download-pdf {
    background: none !important;
    border: none !important;
    padding: 6px !important;
    font-size: 18px !important;
    cursor: pointer;
    transition: transform 0.15s ease !important;
    display: inline-block;
}
.btn-delivery-info:hover { transform: scale(1.15); }
.btn-download-pdf:hover { transform: scale(1.15); }

/* Стили выпадающего контейнера деталей заказа */
.order-expanded-container {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    animation: slideDown 0.2s ease-out;
}
.subrow-title { font-size: 14px; font-weight: 700; color: #475569; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.sub-products-table th { font-size: 11px; text-transform: uppercase; color: #94a3b8; padding-bottom: 6px; }
.sub-products-table td { font-size: 13px !important; color: #475569 !important; padding: 6px 0 !important; border: none !important; }
.delivery-details-list { list-style: none; padding: 0; margin: 0; font-size: 13px; color: #475569; }
.delivery-details-list li { margin-bottom: 6px; }

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}



/* Кнопка возврата в магазин (Малиновая капсула) */
.btn-ungshop-back-store {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 44px !important;
    padding: 0 24px !important;
    background: #db2777 !important; /* Фирменный малиновый */
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important; /* Форма капсулы */
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.2) !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 24px !important;
}
.btn-ungshop-back-store:hover {
    background: #be185d !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Центрирование и стилизация пагинации */
.ungshop-pagination-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 24px !important;
}

/* Перебиваем стандартные цвета стрелок пагинации Bootstrap в кофейный цвет */
.ungshop-pagination-wrapper .page-item.active .page-link {
    background-color: #5c4033 !important;
    border-color: #5c4033 !important;
    color: #ffffff !important;
}
.ungshop-pagination-wrapper .page-link {
    color: #5c4033 !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
}
.ungshop-pagination-wrapper .page-link:hover {
    background-color: #fdf6f0 !important;
}
/* ==========================================================================
   UngShop Orders Table Rows & Status Badges Diverse Colors Guide
   ========================================================================== */

/* Дата и время заказа */
/* ==========================================================================
   UngShop High-Contrast Order Date Style Guide (Яскрава контрастна дата)
   ========================================================================== */

.order-datetime-box {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    /* 🌟 КОНТРАСТНЫЙ ФОН: Мягкий, пастельно-оранжевый коньячный оттенок */
    background: #fff7ed !important;

    /* Яркий терракотово-коричневый цвет шрифта */
    color: #c2410c !important;

    font-size: 13px !important;
    font-weight: 850 !important; /* Делаем шрифт более плотным */
    padding: 4px 10px !important;
    border-radius: 20px !important; /* Элегантная форма капсулы */

    /* Тонкий кофейный ободок и левый маркер внимания */
    border: 1px solid #fed7aa !important;
    border-left: 4px solid #ea580c !important;

    margin-top: 6px !important;
    box-shadow: 0 2px 4px rgba(234, 88, 12, 0.04) !important;
}

/* Иконка календаря внутри блока даты */
.order-datetime-box i {
    color: #ea580c !important; /* Выделяем иконку сочным оранжевым */
    font-size: 14px !important;
}

/* Блок данных получателя */
.order-recipient-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.order-recipient-info .order-fio {
    font-weight: 800 !important;
    color: #1e293b !important;
    font-size: 14px !important;
}
.order-recipient-info .order-fio-phone {
    font-weight: 700 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-family: monospace !important;
}

/* Универсальные капсулы статусов */
.order-dataTable-badge {
    display: inline-block !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}
.badge-ung-new { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }      /* Синий */
.badge-ung-process { background: #fff7ed !important; color: #c2410c !important; border: 1px solid #fed7aa !important; }  /* Оранжевый */
.badge-ung-delivery { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; } /* Фиолетовый */
.badge-ung-complete { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; } /* Зеленый */
.badge-ung-cancel { background: #fff1f2 !important; color: #b91c1c !important; border: 1px solid #fecdd3 !important; }   /* Красный */

/* Кнопки платежных действий */
.btn-order-pay-retry { color: #dc2626 !important; margin-left: 8px !important; font-size: 16px !important; transition: transform 0.2s; }
.btn-order-pay-retry:hover { transform: scale(1.1); }

.btn-order-receipt { color: #16a34a !important; margin-left: 8px !important; font-size: 16px !important; transition: transform 0.2s; }
.btn-order-receipt:hover { transform: scale(1.1); }

/* ==========================================================================
   UngShop User Orders Table & Dropdown Components — MASTER BLOCK (СТАБИЛЬНЫЙ)
   ========================================================================== */

/* 1. ОБЕРТКА КАРТОЧКИ ТАБЛИЦЫ (Изолирует блок и разрешает вылет элементов наружу) */
.table-user-wrapper {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 10px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02) !important;
    margin-bottom: 50px !important;
    overflow: visible !important; /* КРИТИЧНО: Разрешает окну всплывать ПОВЕРХ таблицы */
}

/* Фикс адаптивного контейнера Bootstrap */
.table-user-wrapper .table-responsive {
    overflow: visible !important; /* КРИТИЧНО: Убирает обрезание краев строк */
}

/* 2. СТИЛИЗАЦИЯ ТАБЛИЦЫ ЗАКАЗОВ */
#order-dataTable {
    margin-bottom: 0 !important;
    border: none !important;
}

/* Шапка таблицы (Шоколадный вельвет) */
#order-dataTable thead tr.main-hading {
    background: #5c4033 !important;
}

#order-dataTable thead th {
    color: #a31a1a !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 10px !important;
    border: none !important;
    vertical-align: middle !important;
}

/* Ячейки строк данных */
#order-dataTable tbody td {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    padding: 14px 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    vertical-align: middle !important;
}

/* Мягкая кофейная подсветка строки при наведении мышки */
#order-dataTable tbody tr {
    transition: all 0.15s ease-in-out !important;
}
#order-dataTable tbody tr:hover {
    background-color: #fdf6f0 !important;
}

#order-dataTable .order-row-index { color: #94a3b8 !important; font-weight: 600 !important; }
#order-dataTable .order-row-number { font-weight: 800 !important; color: #1e293b !important; font-family: monospace !important; }
#order-dataTable .order-row-price { font-weight: 800 !important; color: #5c4033 !important; }

/* 3. КНОПКА-СУМКА (Ячейка вызова состава) */
#order-dataTable td.action {
    position: relative !important; /* Точка отсчета для координат всплывающего окна */
    overflow: visible !important;
    text-align: center !important;
}

.ungshop-dash-bag-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #fdf6f0 !important;
    border: 1px solid #d7ccc8 !important;
    border-radius: 50% !important;
    color: #5c4033 !important;
    font-size: 16px !important;
    transition: all 0.2s ease !important;
}
.ungshop-dash-bag-btn:hover {
    background: #5c4033 !important;
    color: #ffffff !important;
    border-color: #5c4033 !important;
}

/* Малиновый бейдж количества товаров */
.ungshop-dash-bag-btn .bag-count-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: #db2777 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    border: 1px solid #ffffff !important;
    line-height: 1 !important;
}

/* 4. 🌟 МОНОЛИТНОЕ ВСПЛЫВАЮЩЕЕ ОКНО СОСТАВА ЗАКАЗА */
.ungshop-order-items-dropdown {
    position: absolute !important;
    top: calc(100% + 5px) !important; /* Всплывает строго под кнопкой */
    right: 0 !important;
    width: 450px !important;
    max-height: 420px !important; /* Удобный внутренний скролл, если товаров много */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    border: 2px solid #5c4033 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 15px 35px rgba(92, 64, 51, 0.2) !important;
    z-index: 99999 !important; /* Гарантированный высший слой поверх инвойсов и дат */
    display: none;
    text-align: left !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Триггер отображения при наведении мышки на ячейку */
#order-dataTable td.action:hover .ungshop-order-items-dropdown {
    display: block !important;
}

/* Шапка выпадающего чека */
.ungshop-order-items-dropdown .dropdown-cart-header {
    border-bottom: 2px dashed #cbd5e1 !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.ungshop-order-items-dropdown .dropdown-cart-header p {
    font-weight: 900 !important;
    color: #5c4033 !important;
    font-size: 14px !important;
    margin: 0 !important;
}

/* 5. ✨ СБРОС ВЫСОТЫ И ВЕРСТКА СПИСКА ТОВАРОВ (Выводит ВСЕ товары, а не один) */
.ungshop-order-items-dropdown ul.ungshop-drop-ul {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ungshop-order-items-dropdown .ungshop-order-dropdown-item {
    display: flex !important;
    gap: 12px !important;
    height: auto !important; /* Динамическая высота строки */
    min-height: 70px !important;
    padding: 12px 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    position: relative !important;
}
.ungshop-order-items-dropdown .ungshop-order-dropdown-item:last-child {
    border-bottom: none !important;
}

/* Компактная миниатюра картинки товара */
.ungshop-order-items-dropdown .dash-img-thumb {
    width: 70px !important;
    height: 50px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
}

/* ==========================================================================
   UngShop Gold Stars Rating Style Guide (Золотисті зірочки рейтингу)
   ========================================================================== */

.ungshop-order-items-dropdown .star-rating-block {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;

    /* ✨ ИСПРАВЛЕНО: Теперь звёздочки горят благородным золотым цветом! */
    color: #f59e0b !important;

    font-size: 14px !important; /* Чуть увеличили для сочности */
    font-weight: 800 !important;
    margin-top: 4px !important;
}

/* Эффект при наведении мышки на конкретную звезду (делаем чуть ярче) */
.ungshop-order-items-dropdown .star-rating-block i:hover {
    color: #d97706 !important; /* Более насыщенный янтарный при наведении */
    transform: scale(1.2) !important;
}

/* Цвет цифр количества и средней оценки рядом со звездами оставляем шоколадным */
.ungshop-order-items-dropdown .star-rating-block .rate-counter {
    color: #94a3b8 !important; /* Серый для количества отзывов */
    font-size: 11px !important;
}
.ungshop-order-items-dropdown .star-rating-block .avg-rate-counter {
    color: #5c4033 !important; /* Шоколадный для средней оценки */
    font-size: 11px !important;
    margin-left: 2px !important;
}

/* Скроллбар выпадающего чека в стиле UngShop */
.ungshop-order-items-dropdown::-webkit-scrollbar { width: 5px; }
.ungshop-order-items-dropdown::-webkit-scrollbar-track { background: #fdf6f0; border-radius: 10px; }
.ungshop-order-items-dropdown::-webkit-scrollbar-thumb { background: #bcaaa4; border-radius: 10px; }
.ungshop-order-items-dropdown::-webkit-scrollbar-thumb:hover { background: #5c4033; }

/* ==========================================================================
   UngShop Dashboard PDF Invoice Column Style Guide (8 Колонка)
   ========================================================================== */

/* Центрирование содержимого в 8-й ячейке */
#order-dataTable td.pdf-action-cell {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Красная интерактивная кнопка-капсула для PDF накладной */
.btn-ungshop-pdf-invoice {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #fff1f2 !important; /* Нежно-красная пастельная подложка */
    border: 1px solid #fecdd3 !important;
    border-radius: 50% !important; /* Капсула/круг */
    color: #e11d48 !important;      /* Фирменный насыщенный малиново-красный */
    font-size: 18px !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.05) !important;
}

/* Эффект наведения мышки (Мягкое увеличение и контраст) */
.btn-ungshop-pdf-invoice:hover {
    background: #e11d48 !important;
    color: #ffffff !important;
    border-color: #e11d48 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2) !important;
}



/* Иконка-стрелочка поворота */
.order-datetime-box .expand-indicator-arrow {
    margin-left: auto;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
    color: #ea580c;
}

/* Класс-модификатор активной (раскрытой) строки для поворота стрелки на 180 градусов */
.order-main-row.is-expanded .expand-indicator-arrow {
    transform: rotate(180deg);
}

/* Главный контейнер развернутого инвойс-чека */
.ungshop-expanded-invoice-box {
    animation: fadeInRow 0.25s ease-out forwards;
}

@keyframes fadeInRow {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.expanded-block-title {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #5c4033 !important; /* Наш шоколадный */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #d7ccc8 !important;
    padding-bottom: 6px !important;
}

/* Крупная карточка товара в деталях */
.expanded-products-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.expanded-product-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}

.expanded-product-card .expanded-p-img {
    width: 80px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
}

.expanded-product-card .expanded-p-info {
    flex-grow: 1 !important;
}
.expanded-product-card .expanded-p-info h5 {
    font-size: 14px !important;
    font-weight: 800 !important;
    margin: 0 0 4px 0 !important;
}
.expanded-product-card .expanded-p-info h5 a {
    color: #1e293b !important;
    text-decoration: none !important;
}
.expanded-product-card .expanded-p-info h5 a:hover {
    color: #db2777 !important; /* Малиновый ховер на товар */
}

.expanded-p-meta {
    font-size: 12px !important;
    color: brown !important;
    margin: 0 !important;
}

.expanded-p-total {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #5c4033 !important;
}

/* Правый блок: Текстовый инвойс-чек параметров */
.expanded-info-check {
    background: #ffffff !important;
    border: 1px dashed #bcaaa4 !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
}

.info-check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.info-check-list li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-bottom: 1px dotted #e2e8f0 !important;
    padding-bottom: 8px !important;
}
/* ==========================================================================
   UngShop High-Contrast Expanded Labels (Контрастні лейбли деталізації)
   ========================================================================== */

/* Левые метки параметров (Шоколадный акцент) */
.info-check-list li .lbl {
    color: #5c4033 !important; /* Наш благородный шоколадный */
    font-weight: 900 !important; /* Делаем шрифт максимально плотным и читаемым */
    font-size: 13px !important;
    text-transform: uppercase !important; /* Переводим в аккуратный верхний регистр */
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Правые значения параметров (Глубокий графитовый) */
.info-check-list li .val {
    color: #1e293b !important; /* Насыщенный темный сланец */
    font-weight: 800 !important;
    font-size: 14px !important;
    text-align: right !important;
}

/* Особый стиль для меток адреса и комментария, которые стоят над блоками */
.info-check-list li.address-li-row .lbl,
.info-check-list li.comment-li-row .lbl {
    margin-bottom: 4px !important;
}


.info-check-list li.address-li-row,
.info-check-list li.comment-li-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
}
.info-check-list li .system-address-text {
    color: #1e293b !important;
    background: #f1f5f9 !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    text-align: left !important;
    font-size: 13px !important;
    display: block;
    width: 100%;
}
.info-check-list li .user-comment-text {
    color: #7c2d12 !important;
    background: #fff7ed !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    text-align: left !important;
    font-size: 13px !important;
    font-style: italic !important;
    display: block;
    width: 100%;
}

/* Статусы оплаты */
.info-check-list .pay-status { font-weight: 900 !important; font-size: 12px !important; padding: 3px 8px !important; border-radius: 6px !important; }
.info-check-list .pay-status.paid { background: #dcfce7 !important; color: #166534 !important; }
.info-check-list .pay-status.unpaid { background: #fff1f2 !important; color: #9f1239 !important; }

/* Итоговая сумма */
.info-check-list li.final-sum-row { border-bottom: none !important; padding-bottom: 0 !important; margin-top: 6px !important; align-items: center !important;}
.info-check-list .final-sum-badge { font-size: 18px !important; font-weight: 900 !important; color: #166534 !important; background: #dcfce7 !important; padding: 2px 10px !important; border-radius: 6px !important;}

/* ==========================================================================
   UngShop Main Row High-Contrast Payment Indicators (Індикатори оплати)
   ========================================================================== */

/* Общая базовая капсула индикатора оплаты */
.ungshop-table-pay-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 20px !important; /* Форма капсулы */
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 6px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important;
}

/* СТАTУС: УСПЕШНО ОПЛАЧЕНО (Изумрудно-зеленый) */
.ungshop-table-pay-badge.pay-success {
    background: #f0fdf4 !important; /* Мягкая пастельная подложка */
    color: #166534 !important;      /* Насыщенный зеленый */
    border: 1px solid #bbf7d0 !important;
}
.ungshop-table-pay-badge.pay-success i {
    color: #16a34a !important;
    font-size: 14px !important;
}

/* СТАТУС: НЕ ОПЛАЧЕНО (Малиново-красный) */
.ungshop-table-pay-badge.pay-danger {
    background: #fff1f2 !important; /* Нежно-красная подложка */
    color: #9f1239 !important;      /* Бордово-малиновый */
    border: 1px solid #fecdd3 !important;
}

/* Интерактивная кнопка-карта для повторной оплаты внутри красного индикатора */
.ungshop-table-pay-badge .pay-retry-link {
    color: #e11d48 !important;
    margin-left: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: transform 0.2s ease-in-out !important;
}
.ungshop-table-pay-badge .pay-retry-link:hover {
    transform: scale(1.15) !important;
    color: #be185d !important;
}
/* ==========================================================================
   UngShop Interactive Payment Icon-Button Style Guide (5 Колонка)
   ========================================================================== */
/* ==========================================================================
   UngShop Expandable Orders Table Row Components (Крупний план деталізації)
   ========================================================================== */

/* Стилизация интерактивной ячейки триггера */
#order-dataTable .clickable-trigger-cell {
    cursor: pointer !important;
    position: relative;
    transition: background 0.15s ease;
}
#order-dataTable .clickable-trigger-cell:hover {
    background: #fff7ed !important; /* Легкая подсветка коньячным цветом при наведении */
}

/* Контейнер выравнивания цены и значка в ячейке */
#order-dataTable .payment-cell-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: center !important;
}

/* Базовый стиль интерактивной круглой кнопки-значка */
.btn-ungshop-interactive-pay {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important; /* Строгий круг */
    font-size: 16px !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* СОСТОЯНИЕ: УСПЕШНО ОПЛАЧЕНО (Изумрудно-зеленый значок квитанции) */
.btn-ungshop-interactive-pay.status-paid {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}
.btn-ungshop-interactive-pay.status-paid:hover {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25) !important;
}

/* СОСТОЯНИЕ: НЕ ОПЛАЧЕНО (Малиново-красный значок для быстрой карты) */
.btn-ungshop-interactive-pay.status-unpaid {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px solid #fecdd3 !important;
}
.btn-ungshop-interactive-pay.status-unpaid:hover {
    background: #e11d48 !important;
    color: #ffffff !important;
    border-color: #e11d48 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25) !important;
}

/* ==========================================================================
   UngShop Brand Capsules Enhanced Mobile Style Guide
   ========================================================================== */

/* Обертка аватарки буквы внутри бренда */
.bc-ung-brand-item .bc-brand-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    margin-right: 6px !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Название бренда */
.bc-ung-brand-item .bc-brand-name-text {
    font-weight: 700 !important;
}

/* Компактный баббл количества товаров справа от текста бренда */
.bc-ung-brand-item .bc-ung-count-bubble {
    background: #febe59 !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 1px 6px !important;
    border-radius: 10px !important;
    margin-left: 6px !important;
    border: 1px solid #cbd5e1 !important;
}

/* При наведении на бренд подсвечиваем и баббл счетчика */
.bc-ung-brand-item:hover .bc-ung-count-bubble {
    background: #db2777 !important; /* Малиновый акцент при ховере */
    color: #ffffff !important;
    border-color: #db2777 !important;
}

/* ==========================================================================
   НОВЫЙ БЛОК ДЛЯ КАРТОЧКИ ТОВАРA (PRODUCT-DETAIL)
   ========================================================================== */

/* Основная секция товара */
.shop.single.section {
    overflow-x: hidden;
}

/* Галерея изображений */
.product-gallery .main-image {
    transition: transform 0.2s ease-in-out;
}

.product-gallery .thumbnail-images .cursor-pointer {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.product-gallery .thumbnail-images .cursor-pointer:hover {
    border-color: #0d6efd !important;
    opacity: 0.9;
}

/* Элементы ценового блока */
.price-card .fw-black {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    color: #15803d;
    background-color: #f0fdf4;
    letter-spacing: -1px;
    border: 1px solid #dcfce7;
}

.price-card s {
    color: #166534 !important;
    opacity: 0.5;
}

.price-card .badge {
    font-size: 14px;
    background-color: #16a34a !important;
    box-shadow: 0 2px 4px rgba(22, 163, 74, 0.15);
    letter-spacing: 0.5px;
}

/* Кнопки изменения количества */
.quantity-selector-block .btn-number[data-type="minus"] {
    background-color: #dc3545;
    color: #fff;
    border-radius: 8px 0 0 8px;
}
.quantity-selector-block .btn-number[data-type="minus"]:hover {
    background-color: #bb2d3b;
}

.quantity-selector-block .btn-number[data-type="plus"] {
    background-color: #198754;
    color: #fff;
    border-radius: 0 8px 8px 0;
}
.quantity-selector-block .btn-number[data-type="plus"]:hover {
    background-color: #157347;
}

.quantity-selector-block .input-number {
    border-color: #dee2e6;
    box-shadow: none !important;
}

/* Вкладки (Табы) */
.tab-content.product-tab-border {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.table-specs {
    max-width: 600px;
    margin: 0 auto;
}

/* Панель комментариев */
.avatar-placeholder {
    width: 45px;
    height: 45px;
}

.comment-form-rating {
    max-width: 200px;
}

/* Адаптивные стили для мобильных устройств (До 768px) */
@media (max-width: 767.98px) {
    .product-main-info {
        margin-top: 1.5rem;
    }

    .product-gallery .main-image img {
        max-height: 350px;
        object-fit: contain;
    }

    .nav-tabs .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
} /* <- ИСПРАВЛЕНО: Сюда добавлена пропущенная закрывающая скобка медиа-запроса */

/* Стили для ссылок-бейджей */
.meta-link-btn {
    transition: all 0.2s ease-in-out;
}
.meta-link-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    opacity: 0.95;
}

/* Эффекты при наведении */
.bg-primary-subtle.meta-link-btn:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
}
.bg-info-subtle.meta-link-btn:hover {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}
.bg-dark-subtle.meta-link-btn:hover {
    background-color: #212529 !important;
    color: #fff !important;
}

/* Страна */
.country-badge {
    font-size: 11px;
    color: #2d3748;
    background-color: #fffaf0;
    border-color: #f6ad55;
    letter-spacing: 0.5px;
}

/* Кастомные внутренние отступы и промежутки */
.p-3-5 { padding: 1.25rem !important; }
.px-2-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.py-1-5 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
.pt-2-5 { padding-top: 0.85rem !important; }
.gap-1-5 { gap: 0.4rem !important; }

/* ==========================================================================
   ПОЛНОСТЬЮ КАСТОМНЫЙ ПОСЛЕДОВАТЕЛЬНЫЙ БЛОК ХАРАКТЕРИСТИК (БЕЗ BADGE)
   ========================================================================== */
.meta-specifications-box-custom {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.meta-row-inline-item {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

.meta-row-inline-item.no-border-custom {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Стили заголовков (Левая последовательная часть) */
.meta-label-inline-custom {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    white-space: nowrap !important;
}

.meta-value-inline-custom {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Цветные подложки для иконок слева */
.meta-icon-box-custom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}
.meta-icon-box-custom.icon-category { background-color: #e7f1ff !important; color: #0d6efd !important; }
.meta-icon-box-custom.icon-subcategory { background-color: #e0f7fa !important; color: #00acc1 !important; }
.meta-icon-box-custom.icon-brand { background-color: #f3e5f5 !important; color: #9c27b0 !important; }
.meta-icon-box-custom.icon-status-success { background-color: #e8f5e9 !important; color: #2e7d32 !important; }
.meta-icon-box-custom.icon-status-danger { background-color: #ffebee !important; color: #c62828 !important; }

/* Интерактивные кастомные кнопки-теги */
.custom-meta-btn {
    display: inline-block !important;
    padding: 6px 14px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
}
.custom-meta-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Кастомные палитры кнопок */
.btn-category { background-color: #e7f1ff !important; color: #0d6efd !important; border: 1px solid #b6d4fe !important; }
.btn-category:hover { background-color: #0d6efd !important; color: #ffffff !important; }

.btn-subcategory { background-color: #e0f7fa !important; color: #00838f !important; border: 1px solid #b2ebf2 !important; }
.btn-subcategory:hover { background-color: #00838f !important; color: #ffffff !important; }

.btn-brand { background-color: #f3e5f5 !important; color: #9c27b0 !important; border: 1px solid #e1bee7 !important; }
.btn-brand:hover { background-color: #9c27b0 !important; color: #ffffff !important; }

/* Кастомные плашки наличия */
.custom-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    line-height: 1 !important;
}
.status-pill-active { background-color: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }
.status-pill-out { background-color: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; }

/* Вспомогательные элементы */
.custom-meta-country {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.flag-emoji-inline { font-size: 14px !important; margin-right: 4px !important; line-height: 1 !important; }
.custom-text-muted { color: #6c757d !important; font-size: 13px !important; }

/* Базовый контейнер */
.product-tabs-wrapper {
    width: 100%;
    display: block;
}

/* Скролл вкладок на мобилках, если они не помещаются в экран */
.tabbed {
    display: flex;
    flex-direction: column;
}

/* Стили для лейблов-переключателей */
.rate-label {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap; /* Не дает тексту переноситься */
}

/* ==========================================================================
   СТИЛИ ДЛЯ ТАБ-ПАНЕЛИ НА РАДИО-КНОПКАХ (PRODUCT TABS)
   ========================================================================== */
/* ==========================================================================
   ИСПРАВЛЕННЫЕ СТИЛИ ДЛЯ ТАБ-ПАНЕЛИ (ГОРИЗОНТАЛЬНЫЙ РЯД НА ПК)
   ========================================================================== */
/* ==========================================================================
   МНОГОЦВЕТНЫЙ ЯРКИЙ ДИЗАЙН ТАБ-ПАНЕЛИ (ГОРИЗОНТАЛЬНЫЙ РЯД НА ПК)
   ========================================================================== */
.product-tabs-wrapper {
    width: 100%;
    margin-top: 2rem;
}

.col-main-tab {
    width: 100%;
}

.tabbed {
    position: relative;
    display: block;
}

/* Скрываем стандартные кружочки радио-кнопок */
.tabbed input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

/* Базовые параметры для всех кнопок-табов (Labels) */
.tabbed .rate-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 8px 8px 0 0 !important;
    margin-right: 6px !important;
    border: 1px solid #dee2e6 !important;
    border-bottom: none !important;
    cursor: pointer !important;
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
    transition: all 0.2s ease-in-out !important;
}

.tabbed .rate-label i {
    font-size: 15px !important;
    transition: transform 0.2s ease-in-out !important;
}

.tabbed .rate-label:hover i {
    transform: scale(1.15) translateY(-1px) !important;
}
/* ==========================================================================
   УСИЛЕННЫЕ ЦВЕТНЫЕ ФОНЫ ДЛЯ НЕАКТИВНЫХ ТАБОВ (ЗАЩИТА ОТ ПЕРЕБИВАНИЯ)
   ========================================================================== */

/* 1. Опис — Мягкий нежно-синий */
.tabbed .rate-label.tab-btn-desc {
    background-color: #f0f6ff !important;
    color: #0d6efd !important;
    border-top: 3px solid #bfdbfe !important;
}

/* 2. Характеристики — Мягкий пастельно-бирюзовый */
.tabbed .rate-label.tab-btn-specs {
    background-color: #e0f7fa !important;
    color: #006064 !important;
    border-top: 3px solid #b2ebf2 !important;
}

/* 3. Рейтинг — Мягкий кремово-желтый */
.tabbed .rate-label.tab-btn-rating {
    background-color: #fffdf5 !important;
    color: #b45309 !important;
    border-top: 3px solid #fef3c7 !important;
}

/* 4. Залиште Відгук — Мягкий эко-зеленый */
.tabbed .rate-label.tab-btn-review {
    background-color: #f0fdf4 !important;
    color: #166534 !important;
    border-top: 3px solid #bbf7d0 !important;
}


/* -------------------------------------------------------------------------- */
/* УНИКАЛЬНЫЕ ПАСТЕЛЬНЫЕ ФОНЫ ДЛЯ НЕАКТИВНЫХ ТАБОВ                           */
/* -------------------------------------------------------------------------- */

/* 1. Опис — Мягкий нежно-синий */
.tab-btn-desc {
    background-color: #f0f6ff !important;
    color: #4b6584 !important;
    border-top: 3px solid #bfdbfe !important;
}

/* 2. Характеристики — Мягкий пастельно-бирюзовый */
.tab-btn-specs {
    background-color: #e0f7fa !important;
    color: #006064 !important;
    border-top: 3px solid #b2ebf2 !important;
}

/* 3. Рейтинг — Мягкий кремово-желтый */
.tab-btn-rating {
    background-color: #fffdf5 !important;
    color: #b45309 !important;
    border-top: 3px solid #fef3c7 !important;
}

/* 4. Залиште Відгук — Мягкий эко-зеленый */
.tab-btn-review {
    background-color: #f0fdf4 !important;
    color: #166534 !important;
    border-top: 3px solid #bbf7d0 !important;
}

/* -------------------------------------------------------------------------- */
/* ЯРКАЯ И ЧИСТАЯ СТИЛИЗАЦИЯ ПРИ КЛИКЕ (CHECKED АКТИВНОЕ СОСТОЯНИЕ)          */
/* -------------------------------------------------------------------------- */

/* Клик на Опис — Белый фон + Насыщенный синий текст */
#tab-nav-1:checked + .tab-btn-desc {
    background-color: #ffffff !important;
    color: #0d6efd !important;
    border-top: 3px solid #0d6efd !important;
    border-bottom: 2px solid #ffffff !important;
}

/* Клик на Характеристики — Белый фон + Глубокая бирюза */
#tab-nav-2:checked + .tab-btn-specs {
    background-color: #ffffff !important;
    color: #0097a7 !important;
    border-top: 3px solid #0097a7 !important;
    border-bottom: 2px solid #ffffff !important;
}

/* Клик на Рейтинг — Белый фон + Яркое золото */
#tab-nav-3:checked + .tab-btn-rating {
    background-color: #ffffff !important;
    color: #f59f00 !important;
    border-top: 3px solid #f59f00 !important;
    border-bottom: 2px solid #ffffff !important;
}

/* Активное состояние 4-й вкладки при клике */
#tab-nav-4:checked + .tab-btn-comments {
    background-color: #ffffff !important;
    color: #dc3545 !important;
    border-top: 3px solid #dc3545 !important;
    border-bottom: 2px solid #ffffff !important;
}

/* 5. Залиште відгук становится пятым по счету в CSS */
#tab-nav-5:checked + .tab-btn-review {
    background-color: #ffffff !important;
    color: #198754 !important;
    border-top: 3px solid #198754 !important;
    border-bottom: 2px solid #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/* ОБЩАЯ КОНТЕНТНАЯ ОБЛАСТЬ И ВНУТРЕННИЕ СТИЛИ                               */
/* -------------------------------------------------------------------------- */
.tabs-content {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 0 8px 8px 8px;
    padding: 24px;
    position: relative;
    z-index: 1;
    min-height: 200px;
    clear: both;
}

/* Скрытие вкладок по умолчанию */
.tabbed .tab-pane {
    display: none !important;
}

/* --- ДОБАВЛЕНИЕ ЛОГИКИ ДЛЯ 5-ТИ ТАБОВ В CSS --- */
#tab-nav-1:checked ~ .tabs-content *[data-id="tab-nav-1"],
#tab-nav-2:checked ~ .tabs-content *[data-id="tab-nav-2"],
#tab-nav-3:checked ~ .tabs-content *[data-id="tab-nav-3"],
#tab-nav-4:checked ~ .tabs-content *[data-id="tab-nav-4"],
#tab-nav-5:checked ~ .tabs-content *[data-id="tab-nav-5"] {
    display: block !important;
}

/* 4. Новая вкладка Отзывы — Мягкий нежно-розовый пастельный фон */
.tab-btn-comments {
    background-color: #fff5f5 !important;
    color: #991b1b !important;
    border-top: 3px solid #fecaca !important;
}


.description-content {
    font-size: 15px;
    line-height: 1.7;
    color: #495057;
}

/* Адаптивность панели под мобильные телефоны (До 768px) */
@media (max-width: 767.98px) {
    .tabbed .rate-label {
        display: flex !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
        border-radius: 8px !important;
        border: 1px solid #dee2e6 !important;
        justify-content: flex-start !important;
        padding-left: 20px !important;
    }
    .tabs-content {
        border-radius: 8px;
        margin-top: 8px;
    }
    .tab-btn-desc, .tab-btn-specs, .tab-btn-rating, .tab-btn-review {
        border-top: 1px solid #dee2e6 !important;
    }
    #tab-nav-1:checked + .tab-btn-desc { border-left: 5px solid #0d6efd !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-2:checked + .tab-btn-specs { border-left: 5px solid #0097a7 !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-3:checked + .tab-btn-rating { border-left: 5px solid #f59f00 !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-4:checked + .tab-btn-review { border-left: 5px solid #198754 !important; border-bottom: 1px solid #dee2e6 !important; }
}


/* ==========================================================================
   ПРОКАЧАННЫЕ ЦВЕТНЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ ХАРАКТЕРИСТИК (ВКЛАДКА 2)
   ========================================================================== */
.product-specifications-wrapper {
    max-width: 650px;
    margin: 0 auto;
    padding: 10px 0;
}

.custom-specs-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    font-size: 14px !important;
}

.custom-specs-table tr {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.custom-specs-table tr:hover {
    transform: translateX(4px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.custom-specs-table td {
    padding: 10px 14px !important;
    border-top: 1px solid #f1f3f5 !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

.custom-specs-table td:first-child {
    border-left: 1px solid #f1f3f5 !important;
    border-radius: 8px 0 0 8px !important;
}

.custom-specs-table td:last-child {
    border-right: 1px solid #f1f3f5 !important;
    border-radius: 0 8px 8px 0 !important;
}

.spec-name {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 600 !important;
    color: #495057 !important;
}

.spec-icon-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 13px !important;
}

.spec-value-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 20px !important;
}

.spec-value-pill .unit-text {
    opacity: 0.7;
    margin-left: 3px;
    font-weight: 500 !important;
}

/* Индивидуальные цветовые схемы для параметров */
.theme-chocolate.spec-icon-badge { background-color: #efe5fd !important; color: #7c4dff !important; }
.theme-chocolate.spec-value-pill { background-color: #f3e5f5 !important; color: #6a1b9a !important; border: 1px solid #e1bee7 !important; }

.theme-weight.spec-icon-badge { background-color: #e3f2fd !important; color: #1e88e5 !important; }
.theme-weight.spec-value-pill { background-color: #e3f2fd !important; color: #0d47a1 !important; border: 1px solid #bbdefb !important; }

.theme-price.spec-icon-badge { background-color: #e8f5e9 !important; color: #2e7d32 !important; }
.theme-price.spec-value-pill { background-color: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }

.theme-box.spec-icon-badge { background-color: #fff8e1 !important; color: #ffb300 !important; }
.theme-box.spec-value-pill { background-color: #fff8e1 !important; color: #b75700 !important; border: 1px solid #ffe082 !important; }

.theme-type.spec-icon-badge { background-color: #f3e5f5 !important; color: #8e24aa !important; }
.theme-type.spec-value-pill { background-color: #f3e5f5 !important; color: #4a148c !important; border: 1px solid #e1bee7 !important; }

.theme-percent.spec-icon-badge { background-color: #fbe9e7 !important; color: #d84315 !important; }
.theme-percent.spec-value-pill { background-color: #fbe9e7 !important; color: #bf360c !important; border: 1px solid #ffccbc !important; }

.theme-toy.spec-icon-badge { background-color: #fce4ec !important; color: #e91e63 !important; }
.theme-toy.spec-value-pill { background-color: #fce4ec !important; color: #880e4f !important; border: 1px solid #f8bbd0 !important; }

.theme-default.spec-icon-badge { background-color: #f8f9fa !important; color: #6c757d !important; }
.theme-default.spec-value-pill { background-color: #f8f9fa !important; color: #212529 !important; border: 1px solid #dee2e6 !important; }

@media (max-width: 576px) {
    .custom-specs-table tr { display: block !important; margin-bottom: 8px !important; border-radius: 8px !important; border: 1px solid #f1f3f5 !important; }
    .custom-specs-table td { display: block !important; width: 100% !important; border: none !important; }.spec-value { padding-top: 0 !important; padding-bottom: 12px !important; padding-left: 58px !important; }
}
/* ==========================================================================
   ПРОКАЧАННЫЕ ЦВЕТНЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ ХАРАКТЕРИСТИК
   ========================================================================== */
.custom-specs-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Делает отступы между строками-карточками */
    font-size: 14px !important;
}

.custom-specs-table tr {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.custom-specs-table tr:hover {
    transform: translateX(4px) !important; /* Легкий сдвиг вправо при наведении */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.custom-specs-table td {
    padding: 10px 14px !important;
    border-top: 1px solid #f1f3f5 !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

.custom-specs-table td:first-child {
    border-left: 1px solid #f1f3f5 !important;
    border-radius: 8px 0 0 8px !important;
}

.custom-specs-table td:last-child {
    border-right: 1px solid #f1f3f5 !important;
    border-radius: 0 8px 8px 0 !important;
}

/* Стилизация левой стороны (Ключ) */
.spec-name {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 600 !important;
    color: #495057 !important;
}

/* Круглые подложки для иконок параметров */
.spec-icon-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 13px !important;
}

/* Стилизация правой стороны (Красивые пиллы значений) */
.spec-value-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 20px !important; /* Закругленные теги */
    line-height: 1 !important;
}

.spec-value-pill .unit-text {
    opacity: 0.7;
    margin-left: 3px;
    font-weight: 500 !important;
}

/* ========================================== */
/* УНИКАЛЬНЫЕ ЦВЕТОВЫЕ ТЕМЫ ДЛЯ КАЖДОГО ПАРАМЕТРА */
/* ========================================== */

/* 1. Шоколад (Коричневый шоколадный стиль) */
.theme-chocolate.spec-icon-badge { background-color: #efe5fd !important; color: #7c4dff !important; }
.theme-chocolate.spec-value-pill { background-color: #f3e5f5 !important; color: #6a1b9a !important; border: 1px solid #e1bee7 !important; }

/* 2. Вес (Сине-голубой стиль) */
.theme-weight.spec-icon-badge { background-color: #e3f2fd !important; color: #1e88e5 !important; }
.theme-weight.spec-value-pill { background-color: #e3f2fd !important; color: #0d47a1 !important; border: 1px solid #bbdefb !important; }

/* 3. Цена за 1кг (Изумрудно-зеленый стиль) */
.theme-price.spec-icon-badge { background-color: #e8f5e9 !important; color: #2e7d32 !important; }
.theme-price.spec-value-pill { background-color: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }

/* 4. Упаковка (Теплый янтарный стиль) */
.theme-box.spec-icon-badge { background-color: #fff8e1 !important; color: #ffb300 !important; }
.theme-box.spec-value-pill { background-color: #fff8e1 !important; color: #b75700 !important; border: 1px solid #ffe082 !important; }

/* 5. Вид продукции (Мягкий фиолетовый) */
.theme-type.spec-icon-badge { background-color: #f3e5f5 !important; color: #8e24aa !important; }
.theme-type.spec-value-pill { background-color: #f3e5f5 !important; color: #4a148c !important; border: 1px solid #e1bee7 !important; }

/* 6. Проценты (Оранжевый контрастный) */
.theme-percent.spec-icon-badge { background-color: #fbe9e7 !important; color: #d84315 !important; }
.theme-percent.spec-value-pill { background-color: #fbe9e7 !important; color: #bf360c !important; border: 1px solid #ffccbc !important; }

/* 7. Игрушка / Сюрприз (Яркий розово-красный стиль) */
.theme-toy.spec-icon-badge { background-color: #fce4ec !important; color: #e91e63 !important; }
.theme-toy.spec-value-pill { background-color: #fce4ec !important; color: #880e4f !important; border: 1px solid #f8bbd0 !important; }

/* Дефолтная тема */
.theme-default.spec-icon-badge { background-color: #f8f9fa !important; color: #6c757d !important; }
.theme-default.spec-value-pill { background-color: #f8f9fa !important; color: #212529 !important; border: 1px solid #dee2e6 !important; }

/* Мобильная адаптация */
@media (max-width: 576px) {
    .custom-specs-table tr {
        display: block !important;
        margin-bottom: 8px !important;
        border-radius: 8px !important;
        border: 1px solid #f1f3f5 !important;
    }
    .custom-specs-table td {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    .spec-value {
        padding-top: 0 !important;
        padding-bottom: 12px !important;
        padding-left: 58px !important; /* Выравнивание под текст заголовка */
    }
}

/* ==========================================================================
   СТИЛИ ДЛЯ ВКЛАДКИ РЕЙТИНГА И АНАЛИТИКИ (RATING TAB 3)
   ========================================================================== */
.rating-tab-wrapper {
    padding: 10px 5px;
}

.rating-tab-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.rating-tab-title i { color: #198754 !important; }

/* Двухколоночная сетка аналитики */
.rating-analytics-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 24px !important;
}

/* Карточка №1: Главный скоринг */
.rating-score-card {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}

.score-number-box {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
}
.score-number-box h2 {
    font-size: 54px !important;
    font-weight: 900 !important;
    color: #198754 !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.score-number-box .max-score {
    font-size: 16px !important;
    color: #6c757d !important;
    font-weight: 600 !important;
}

.score-stars-row {
    display: flex !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #ffc107 !important;
    font-size: 22px !important;
    margin-bottom: 18px !important;
}
.score-stars-row .star-rating {
    cursor: pointer !important;
}

.score-stats-labels {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.stat-label-item {
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.stat-label-item i { font-size: 12px !important; }
.label-rates { background-color: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }
.label-reviews { background-color: #f3e5f5 !important; color: #6a1b9a !important; border: 1px solid #e1bee7 !important; }

/* Карточка №2: Счетчики просмотров и продаж */
.popularity-stats-card {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02) !important;
}

.popularity-card-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #495057 !important;
    margin-bottom: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.pop-stat-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f1f3f5 !important;
}
.pop-stat-row:last-child { border-bottom: none !important; }

.pop-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
}
.pop-icon.bg-views { background-color: #f3e5f5 !important; color: #9c27b0 !important; }
.pop-icon.bg-orders { background-color: #e8f5e9 !important; color: #2e7d32 !important; }

.pop-info {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
}
.pop-text { color: #495057 !important; font-weight: 500 !important; }
.pop-count { color: #212529 !important; font-weight: 700 !important; }

/* Адаптивность для мобильных телефонов */
@media (max-width: 576px) {
    .rating-analytics-grid {
        grid-template-columns: 1fr !important;
    }
}
/* ==========================================================================
   ЖЕСТКАЯ ФИКСАЦИЯ ЗОЛОТИСТОГО ЦВЕТА ДЛЯ ЗВЁЗД РЕЙТИНГА
   ========================================================================== */
.ung-golden-star {
    color: #ffc107 !important; /* Насыщенный золотисто-желтый цвет */
    text-shadow: 0 1px 2px rgba(255, 193, 7, 0.2) !important; /* Мягкое свечение */
    font-size: 22px !important; /* Единый размер для всех звёзд во вкладке */
    cursor: pointer !important;
    display: inline-block !important;
    transition: transform 0.15s ease-in-out !important;
}

/* Эффект увеличения при наведении мыши */
.ung-golden-star:hover {
    transform: scale(1.15) !important;
}

/* ==========================================================================
   СТИЛИ ДЛЯ ВЕРХНЕГО БЛОКА РЕЙТИНГА И АНАЛИТИКИ
   ========================================================================== */
.product-top-analytics-bar {
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Округлая плашка рейтинга */
.top-rating-pill {
    background-color: #fffdf5 !important;
    border: 1px solid #fef3c7 !important;
    border-radius: 50px !important;
}

.top-score-link {
    font-size: 18px !important;
    letter-spacing: -0.2px !important;
}

.top-rates-count-wrapper {
    color: #b45309 !important;
    font-size: 15px !important;
}

/* Разделительная линия */
.top-analytics-divider {
    height: 35px !important;
    width: 2px !important;
    background-color: #cbd5e1 !important;
    opacity: 0.6 !important;
    margin: 0 5px !important;
}

/* ==========================================================================
   Базовые бэйджи статистики (Большие, для шапки страницы товара)
   ========================================================================== */
.top-stat-badge {
    font-size: 15px !important;
    font-weight: 700 !important;
}
.top-stat-badge i {
    font-size: 16px !important;
}

/* ==========================================================================
   Компактные бэйджи для карточек товара (Геометрия и шрифты)
   ========================================================================== */
.card-stat-badge {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
}
.card-stat-badge i {
    font-size: 12px !important;
}

/* --- Модификатор: Цвета ПРОСМОТРОВ (Мягкий красный/розовый) --- */
.card-stat-badge.badge-views {
    background-color: #fff5f5 !important;
    border: 1px solid #fed7d7 !important;
    color: #c53030 !important;
}
.card-stat-badge.badge-views i {
    color: #e53e3e !important;
}
/* Эффект при наведении на просмотры */
.card-stat-badge.badge-views:hover {
    background-color: #c53030 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(197, 48, 48, 0.2);
}
.card-stat-badge.badge-views:hover i {
    color: #ffffff !important;
}

/* --- Модификатор: Цвета ЗАКАЗОВ (Мягкий фиолетовый) --- */
.card-stat-badge.badge-orders {
    background-color: #f3e8ff !important;
    border: 1px solid #e9d5ff !important;
    color: #6b46c1 !important;
}
.card-stat-badge.badge-orders i {
    color: #805ad5 !important;
}
/* Эффект при наведении на заказы */
.card-stat-badge.badge-orders:hover {
    background-color: #6b46c1 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(107, 70, 193, 0.2);
}
.card-stat-badge.badge-orders:hover i {
    color: #ffffff !important;
}


/* ==========================================================================
   СТИЛИ ИНТЕРАКТИВНЫХ ЗВЁЗД В ФОРМЕ ОТПРАВКИ ОТЗЫВА (TAB 4)
   ========================================================================== */
.stars-interactive-group {
    display: flex;
    gap: 4px;
}

.interactive-star {
    font-size: 26px !important;
    color: #cbd5e1 !important; /* Серый контур по умолчанию */
    cursor: pointer !important;
    transition: transform 0.15s ease-in-out, color 0.1s ease-in-out !important;
}

/* Класс, который JS добавляет при наведении или клике */
.interactive-star.hovered,
.interactive-star.selected-star {
    color: #ffb300 !important; /* Насыщенное золото */
    font-weight: 900 !important; /* Переключение FontAwesome на solid-режим */
}

.interactive-star:hover {
    transform: scale(1.2) !important;
}
/* ==========================================================================
   СТИЛИ ДЛЯ СОЦИАЛЬНОЙ АВТОРИЗАЦИИ В ОТЗЫВАХ (GOOGLE / FACEBOOK)
   ========================================================================== */
.social-login-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px 16px;
    border-radius: 50px;
    margin-top: 5px;
}

.social-login-title {
    font-size: 13px;
    color: #475569;
}

.social-login-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-login-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s;
}

/* Размер SVG-иконок из вашей библиотеки */
.social-svg-icon {
    width: 18px;
    height: 18px;
    display: block;
}

/* Эффекты ховера для Google */
.social-login-link.google-link:hover {
    border-color: #ea4335;
    background-color: #fff5f5;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(234, 67, 53, 0.15);
}

/* Эффекты ховера для Facebook */
.social-login-link.facebook-link:hover {
    border-color: #1877f2;
    background-color: #f0f7ff;
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(24, 119, 242, 0.15);
}
/* ==========================================================================
   ЖЕСТКАЯ ФИКСАЦИЯ И ЯРКОЕ ОФОРМЛЕНИЕ 4-Й ВКЛАДКИ (ФОРМА И АВТОРИЗАЦИЯ)
   ========================================================================== */

/* Общая обертка контента 4-й вкладки */
#setrating.tab-pane {
    padding: 10px 0 !important;
}

/* ЯРКИЙ БЛОК ПРЕДУПРЕЖДЕНИЯ ДЛЯ ГОСТЕЙ (ПРИНУДИТЕЛЬНЫЕ ЦВЕТА) */
#setrating .alert-warning {
    display: block !important;
    background-color: #fff9db !important; /* Насыщенный мягкий желтый цвет */
    border: 2px solid #ffe066 !important; /* Заметная золотистая рамка */
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(245, 159, 0, 0.08) !important;
    margin-bottom: 20px !important;
}

/* Ссылка авторизации внутри предупреждения */
#setrating .alert-warning a {
    color: #d97706 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    border: none !important;
}
#setrating .alert-warning a:hover {
    color: #b45309 !important;
}

/* Иконка пользователя в алерте */
#setrating .alert-warning i.fa-circle-user {
    color: #f59f00 !important;
    font-size: 28px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* Текст сообщения */
#setrating .alert-warning .fs-6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #664d03 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

/* БЛОК СЦЕНАРИЯ СОЦ. АВТОРИЗАЦИИ (ВЫРАВНИВАНИЕ) */
.social-login-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #ffe066 !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    margin: 5px auto 0 auto !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.social-login-title {
    font-size: 14px !important;
    color: #664d03 !important;
}

.social-login-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.social-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s !important;
}

.social-svg-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

/* Ховеры для кнопок соцсетей */
.social-login-link.google-link:hover {
    border-color: #ea4335 !important;
    background-color: #fff5f5 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(234, 67, 53, 0.2) !important;
}

.social-login-link.facebook-link:hover {
    border-color: #1877f2 !important;
    background-color: #f0f7ff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(24, 119, 242, 0.2) !important;
}

/* ПОЛЯ ФОРМЫ (ЕСЛИ ЮЗЕР АВТОРИЗОВАН) */
.custom-review-form {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

.review-form-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin-bottom: 16px !important;
}

.form-label-custom {
    font-weight: 600 !important;
    color: #495057 !important;
    font-size: 14px !important;
}

.form-control-custom {
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
    color: #212529 !important;
    border-radius: 8px !important;
    padding: 12px !important;
}
.form-control-custom:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}
/* ==========================================================================
   ОБНОВЛЕННЫЕ СТИЛИ ДЛЯ КНОПОК АВТОРИЗАЦИИ (ПОД FONTAWESOME)
   ========================================================================== */
.social-login-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
    margin: 10px auto 0 auto !important;
}

.social-login-title {
    font-size: 13px !important;
    color: #475569 !important;
}

.social-login-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Круглые кнопки-подложки */
.social-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 16px !important; /* Управляет размером иконок Google/Facebook */
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
}

/* Дефолтные цвета самих иконок */
.social-login-link.google-link { color: #ea4335 !important; }
.social-login-link.facebook-link { color: #1877f2 !important; }

/* Ховер-эффект для Google (кнопка становится красной, иконка — белой) */
.social-login-link.google-link:hover {
    border-color: #ea4335 !important;
    background-color: #ea4335 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(234, 67, 53, 0.25) !important;
}

/* Ховер-эффект для Facebook (button становится синей, иконка — белой) */
.social-login-link.facebook-link:hover {
    border-color: #1877f2 !important;
    background-color: #1877f2 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(24, 119, 242, 0.25) !important;
}
/* ==========================================================================
   ФИНАЛЬНЫЕ СТИЛИ ДЛЯ БЛОКА ГОСТЯ И СОЦСЕТЕЙ (100% ВАЛИДНОСТЬ)
   ========================================================================== */

/* Блок предупреждения для неавторизованных */
.guest-auth-alert {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #fffdf5 !important; /* Нежный кремовый фон */
    border: 1px solid #fef3c7 !important; /* Золотистая рамка */
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.05) !important;
    margin-bottom: 15px !important;
}

.guest-alert-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.guest-alert-header i {
    color: #d97706 !important;
    font-size: 32px !important;
}

.guest-alert-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #451a03 !important;
}

.auth-redirect-link {
    color: #b45309 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}
.auth-redirect-link:hover {
    color: #78350f !important;
}

/* Обертка социальной авторизации */
.social-login-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
}

.social-login-title {
    font-size: 13px !important;
    color: #475569 !important;
}

.social-login-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Круглые иконки кнопок */
.social-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
}

/* Фирменные цвета */
.social-login-link.google-link { color: #ea4335 !important; }
.social-login-link.facebook-link { color: #1877f2 !important; }

.social-login-link.google-link:hover {
    border-color: #ea4335 !important;
    background-color: #ea4335 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(234, 67, 53, 0.25) !important;
}

.social-login-link.facebook-link:hover {
    border-color: #1877f2 !important;
    background-color: #1877f2 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(24, 119, 242, 0.25) !important;
}
/* ==========================================================================
   ЯРКОЕ ЦВЕТНОЕ ОФОРМЛЕНИЕ ЗАГЛОВКОВ ТАБОВ С ИКОНКАМИ
   ========================================================================== */

/* Базовые изменения для всех ярлыков */
.tabbed .rate-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 8px 8px 0 0 !important;
    margin-right: 6px !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    background-color: #f8fafc !important; /* Мягкий светлый фон для неактивных */
    color: #64748b !important;
    transition: all 0.25s ease-in-out !important;
}

/* Эффект легкого покачивания иконки при наведении */
.tabbed .rate-label:hover i {
    transform: translateY(-1px) scale(1.1);
}

.tabbed .rate-label i {
    transition: transform 0.2s ease-in-out !important;
    font-size: 15px !important;
}

/* --- МАГИЯ АКТИВНЫХ СОСТОЯНИЙ (ПРИ КЛИКЕ) --- */

/* 1. Описание - Яркий Синий бренд */
#tab-nav-1:checked + .tab-btn-desc {
    background-color: #ffffff !important;
    color: #0d6efd !important;
    border-top: 3px solid #0d6efd !important;
    border-bottom: 2px solid #ffffff !important;
}
#tab-nav-1:checked + .tab-btn-desc i { color: #0d6efd !important; }

/* 2. Характеристики - Насыщенный Бирюзовый */
#tab-nav-2:checked + .tab-btn-specs {
    background-color: #ffffff !important;
    color: #0097a7 !important;
    border-top: 3px solid #0097a7 !important;
    border-bottom: 2px solid #ffffff !important;
}
#tab-nav-2:checked + .tab-btn-specs i { color: #0097a7 !important; }

/* 3. Рейтинг - Благородный Золотой */
#tab-nav-3:checked + .tab-btn-rating {
    background-color: #ffffff !important;
    color: #f59f00 !important;
    border-top: 3px solid #f59f00 !important;
    border-bottom: 2px solid #ffffff !important;
}
#tab-nav-3:checked + .tab-btn-rating i { color: #f59f00 !important; }

/* 4. Оставить отзыв - Изумрудный Зеленый */
#tab-nav-4:checked + .tab-btn-review {
    background-color: #ffffff !important;
    color: #198754 !important;
    border-top: 3px solid #198754 !important;
    border-bottom: 2px solid #ffffff !important;
}
#tab-nav-4:checked + .tab-btn-review i { color: #198754 !important; }

/* Адаптивность панели под мобильные телефоны (До 768px — ПОЛНАЯ СБОРКА НА 5 ТАБОВ) */
@media (max-width: 767.98px) {
    .tabbed .rate-label {
        display: flex !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
        border-radius: 8px !important;
        border: 1px solid #dee2e6 !important;
        justify-content: flex-start !important;
        padding-left: 20px !important;
    }

    /* Сбрасываем жесткие рамки на мобильных для всех пяти элементов */
    .tab-btn-desc,
    .tab-btn-specs,
    .tab-btn-rating,
    .tab-btn-comments,
    .tab-btn-review {
        border-top: 1px solid #dee2e6 !important;
    }

    /* Выравниваем внутренние отступы при активации */
    #tab-nav-1:checked + .tab-btn-desc,
    #tab-nav-2:checked + .tab-btn-specs,
    #tab-nav-3:checked + .tab-btn-rating,
    #tab-nav-4:checked + .tab-btn-comments,
    #tab-nav-5:checked + .tab-btn-review {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        background-color: #ffffff !important;
    }

    /* Переключаем акцент на левую цветную полосу для каждой из 5 вкладок */
    #tab-nav-1:checked + .tab-btn-desc { border-left: 5px solid #0d6efd !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-2:checked + .tab-btn-specs { border-left: 5px solid #0097a7 !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-3:checked + .tab-btn-rating { border-left: 5px solid #f59f00 !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-4:checked + .tab-btn-comments { border-left: 5px solid #dc3545 !important; border-bottom: 1px solid #dee2e6 !important; }
    #tab-nav-5:checked + .tab-btn-review { border-left: 5px solid #198754 !important; border-bottom: 1px solid #dee2e6 !important; }
}

/* ==========================================================================
   СТИЛИ ДЛЯ СЛАЙДЕРА СХОЖИХ ТОВАРОВ (RELATED PRODUCTS SWIPER)
   ========================================================================== */
.related-products-section {
    width: 100%;
    overflow: hidden;
}

.related-section-title a.related-cat-link {
    font-size: 18px !important;
    background-color: #ffe8cc !important; /* Мягкий оранжевый пастельный акцент */
    color: #d97706 !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: background-color 0.2s, color 0.2s !important;
    display: inline-block;
}
.related-section-title a.related-cat-link:hover {
    background-color: #d97706 !important;
    color: #ffffff !important;
}

/* Карточка товара */
.related-product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    overflow: hidden;
}
.related-product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
}

/* Изображение внутри карточки */
.card-image-box {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.related-card-img {
    max-height: 150px;
    width: auto !important;
    object-fit: contain;
}

/* Скидочный бейдж */
.card-discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #dc3545 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    z-index: 2;
}

/* Обрезка длинных названий */
.card-product-title {
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
}

/* Цены */
.card-price-current {
    font-size: 16px;
    line-height: 1.1;
}
.card-price-old {
    font-size: 14px !important; /* Увеличенный размер шрифта, как мы настраивали */
    text-decoration: line-through !important;
    opacity: 0.7 !important;
    background-color: #fef08a !important; /* Красивый мягкий пастельно-желтый фон */
    color: #9a3412 !important;            /* Благородный коричнево-терракотовый цвет */
    padding: 2px 6px !important;          /* Небольшие отступы, чтобы фон красиво обволакивал цену */
    border-radius: 4px !important;        /* Сглаженные углы желтой подложки */
    display: inline-block !important;     /* Чтобы отступы и фон легли ровно */
}


/* Маленькая круглая кнопка "Купить" */
.btn-quick-buy {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #198754;
    color: #ffffff;
    border: none;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}
.btn-quick-buy:hover { background-color: #157347; transform: scale(1.05); }
.btn-quick-buy:active { transform: scale(0.95); }

/* КНОПКИ НАВИГАЦИИ (СТРЕЛКИ ПО БОКАМ ДЛЯ ПК) */
.swiper-btn-prev, .swiper-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    color: #212529;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
}
.swiper-btn-prev { left: -15px; }
.swiper-btn-next { right: -15px; }

.swiper-btn-prev:hover, .swiper-btn-next:hover {
    background-color: #212529;
    color: #ffffff;
    border-color: #212529;
}

/* Скрытие стрелок на мобильных устройствах */
@media (max-width: 991.98px) {
    .swiper-btn-prev, .swiper-btn-next { display: none !important; }
    .card-image-box { height: 150px; }
}
/* ==========================================================================
   КАСТОМНЫЕ СТИЛИ ДЛЯ БРЕНДА, СТРАНЫ И ПРЯМОУГОЛЬНЫХ КНОПОК КАРТОЧКИ
   ========================================================================== */

/* Раскрашенный бейдж бренда (Фиолетовый благородный стиль) */
.mini-brand-badge {
    background-color: #f3e5f5 !important;
    color: #9c27b0 !important;
    border: 1px solid #e1bee7 !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    letter-spacing: 0.3px;
    line-height: 1 !important;
}

.mini-brand-badge-none {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6 !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    line-height: 1 !important;
}

/* Раскрашенный бейдж страны производства (Оранжево-терракотовый) */
.mini-country-badge {
    background-color: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
    border-radius: 6px !important;
    letter-spacing: 0.3px;
    line-height: 1 !important;
}

/* Новая прямоугольная сглаженная кнопка "В Кошик" */
.btn-quick-buy-rectangular {
    background-color: #198754 !important; /* Зеленый цвет */
    color: #ffffff !important;
    border: none !important;
    height: 38px !important;
    border-radius: 8px !important; /* Сглаженные углы */
    font-size: 12px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
}
.btn-quick-buy-rectangular:hover {
    background-color: #157347 !important;
}
.btn-quick-buy-rectangular:active {
    transform: scale(0.98) !important;
}
.btn-quick-buy-rectangular i {
    font-size: 13px !important;
}

/* Кнопка Сердечка (Wishlist) */
.btn-quick-wishlist {
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important; /* Единое сглаживание с кнопкой купить */
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.btn-quick-wishlist:hover {
    border-color: #dc3545 !important;
    background-color: #fef2f2 !important;
    color: #dc3545 !important; /* Краснеет при наведении */
}
.btn-quick-wishlist:active {
    transform: scale(0.95) !important;
}

/* Адаптивность текста страны для мобилок */
@media (max-width: 420px) {
    .mini-country-text-hidden {
        display: none !important; /* На супер-маленьких экранах прячем текст страны, оставляем только флаг */
    }
    .btn-quick-buy-rectangular span {
        display: none !important; /* На микро-мобилках прячем текст "В кошик", оставляя только иконку */
    }
    .btn-quick-buy-rectangular {
        width: 38px !important;
        flex-grow: 0 !important; /* Превращаем в квадрат на сверхмалых экранах, чтобы не ломать верстку */
    }
}
/* ==========================================================================
   ОБНОВЛЕННЫЙ КРАСНЫЙ ДИЗАЙН КНОПКИ WISHLIST В СЛАЙДЕРЕ
   ========================================================================== */
.btn-quick-wishlist {
    background-color: #fef2f2 !important; /* Нежно-розовый пастельный фон */
    color: #dc3545 !important;            /* Красный цвет сердечка */
    border: 1px solid #fecaca !important;  /* Мягкая красная рамка */
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;         /* Идеальное сглаживание углов */
    font-size: 15px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Эффект при наведении: кнопка полностью заливается красным, а сердце становится белым */
.btn-quick-wishlist:hover {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2) !important;
}

.btn-quick-wishlist:active {
    transform: scale(0.95) !important;
}
/* ==========================================================================
   СТИЛИ ДЛЯ СПИСКА ОТЗЫВОВ (COMMENTS LIST UNDER TAB 3)
   ========================================================================== */
.product-comments-section {
    width: 100%;
}

.comments-section-title {
    font-size: 16px !important;
}
.comments-section-title i {
    margin-right: 4px;
}

/* Карточка одиночного отзыва */
.single-comment-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.single-comment-card:hover {
    transform: translateX(2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* Аватарка */
.comment-user-img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid #dee2e6 !important;
}

/* Плейсхолдер кружка с буквой, если нет аватарки (Приятный глубокий индиго) */
.comment-avatar-placeholder {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important;
    font-size: 16px !important;
    box-shadow: 0 2px 4px rgba(79, 70, 229, 0.15) !important;
}

.comment-user-name {
    font-size: 14px !important;
}

.comment-date-text {
    font-size: 11px !important;
}

/* Мини-звёздочки в отзыве */
.ung-golden-star-mini {
    color: #ffc107 !important;
    font-size: 12px !important;
}

.comment-message-text {
    font-size: 14px !important;
    color: #475569 !important;
    word-break: break-word !important; /* Защита от слишком длинных слов, ломающих мобильную верстку */
}

/* Заглушка пустого состояния */
.comments-empty-state {
    padding: 30px 20px !important;
}

/* Мобильная адаптация отзывов */
@media (max-width: 576px) {
    .single-comment-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 16px !important;
    }
    .comment-header-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* ==========================================================================
   ПОЛНЫЙ ПАКЕТ СТИЛЕЙ ДЛЯ ВКЛАДКИ 4 (ОТЗЫВЫ, ФОРМА И АВТОРИЗАЦИЯ ГУГЛ/ФБ)
   ========================================================================== */

/* Контейнеры вкладки */
.review-form-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 0;
}

.review-form-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin-bottom: 20px !important;
}

/* Блок автора (Аватар + Имя) */
.rating-author-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
}

.author-avatar-img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #dee2e6 !important;
}

.author-info-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.author-name-badge {
    font-size: 14px !important;
    font-weight: 700 !important;
}
.author-name-badge.user-logged { color: #0d6efd !important; }
.author-name-badge.user-guest { color: #dc3545 !important; }

.author-action-hint {
    font-size: 12px !important;
    color: #6c757d !important;
    font-weight: 500 !important;
}

/* --- СОСТОЯНИЕ @AUTH: ФОРМА И ПОЛЯ ВВОДА --- */
.custom-review-form {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

.form-stars-selector {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
}

.stars-label-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #495057 !important;
}

.form-label-custom {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #495057 !important;
    margin-bottom: 6px !important;
}

.form-control-custom {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #212529 !important;
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    resize: vertical !important;
}
.form-control-custom:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.btn-submit-review {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #212529 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}
.btn-submit-review:hover { background-color: #000000 !important; }

/* --- СОСТОЯНИЕ @ELSE: КАРТОЧКА ДЛЯ ГОСТЕЙ --- */
.guest-auth-alert {
    display: block !important;
    background-color: #fffdf5 !important;
    border: 1px solid #fef3c7 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.04) !important;
}

.guest-alert-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.guest-alert-header i {
    color: #d97706 !important;
    font-size: 32px !important;
}

.guest-alert-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #451a03 !important;
    line-height: 1.6 !important;
}

/* Красивое оформление ссылки авторизации вместо желтого фона */
.auth-redirect-link {
    display: inline-block !important;
    background-color: #fef08a !important; /* Приятная пастельно-желтая подложка */
    color: #92400e !important;            /* Контрастный темно-коричневый текст */
    padding: 2px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    border: 1px solid #fef08a !important;
    transition: all 0.2s ease !important;
}
.auth-redirect-link:hover {
    background-color: #fde047 !important;
    border-color: #fde047 !important;
    transform: translateY(-1px) !important;
}

/* Кнопки соцсетей */
.social-login-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
}

.social-login-title {
    font-size: 13px !important;
    color: #475569 !important;
}

.social-login-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.social-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.social-login-link.google-link { color: #ea4335 !important; }
.social-login-link.facebook-link { color: #1877f2 !important; }

.social-login-link.google-link:hover {
    border-color: #ea4335 !important;
    background-color: #ea4335 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}
.social-login-link.facebook-link:hover {
    border-color: #1877f2 !important;
    background-color: #1877f2 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

/* ==========================================================================
   СТИЛИ ДЛЯ МИНИ-КАРТОЧКИ ТОВАРА В КОРЗИНЕ
   ========================================================================== */
.cart-item-details {
    width: 100%;
}

.cart-item-title a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    text-decoration: none !important;
}
.cart-item-title a:hover { color: #0d6efd !important; }

.cart-item-summary {
    font-size: 13px !important;
    color: #6c757d !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* Флекс-сетка мета-данных в корзине */
.cart-item-meta-row-custom {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 12px !important;
}

/* Блок рейтинга */
.cart-item-rating-mini {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.ung-golden-star-cart {
    color: #ffb300 !important; /* Насыщенное золото */
    font-size: 11px !important;
}

.avg-rate-number-mini {
    font-weight: 800 !important;
    color: #475569 !important;
}

.rate-counter-mini, .no-rates-text-mini {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

/* Мета-айтемы (Бренд / Категория) */
.cart-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.cart-meta-label {
    color: #64748b !important;
    font-weight: 600 !important;
}

/* Компактные сглаженные бейджи для корзины */
.cart-mini-badge {
    padding: 2px 8px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
}

.cart-mini-badge.badge-purple { background-color: #f3e5f5 !important; color: #9c27b0 !important; border: 1px solid #e1bee7 !important; }
.cart-mini-badge.badge-blue { background-color: #e7f1ff !important; color: #0d6efd !important; border: 1px solid #b6d4fe !important; }

/* Кастомная страна в корзине */
.cart-mini-country-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background-color: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   КОНТРОЛЬ СТАНДАРТНОЙ ГАЛЕРЕИ UNGSHOP (RESPONSIVE)
   ========================================================================== */
.main-product-slider {
    min-height: 560px !important; /* Удерживаем красивую десктопную высоту, чтобы не было дыр */
    border: 1px solid #e2e8f0 !important;
}

/* На мобильных экранах снимаем ограничение, чтобы картинка сжималась адаптивно */
@media (max-width: 767.98px) {
    .main-product-slider {
        min-height: auto !important;
        height: auto !important;
    }
}

/* ==========================================================================
   ФИНАЛЬНЫЙ CSS БЛОК ДЛЯ РЕКОМЕНДУЕМЫХ ТОВАРОВ В ФУТЕРЕ (SWIPER.JS)
   ========================================================================== */
.footer-recommended-section {
    width: 100% !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
}

/* Обязательный контекст позиционирования для боковых стрелок */
.footer-recommended-swiper {
    position: relative !important;
    /* Оставляем место внизу под пагинацию (точки) */
    padding-bottom: 30px !important;
}

/* Названия товаров: строго 2 строки без вылетов верстки */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.4rem;
    line-height: 1.2rem;
}

/* Плавный зум изображения при наведении на карточку */
.product-img-box img {
    transition: transform 0.3s ease-in-out !important;
}
.product-slider-card:hover .product-img-box img {
    transform: scale(1.05) !important;
}

/* Эффект плавного парения карточки товара при наведении */
.product-slider-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform, box-shadow;
}

.product-slider-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(33, 37, 41, 0.12) !important; /* Мягкая глубокая тень */
}

/* --- СТИЛИЗАЦИЯ ЦЕН --- */

/* Актуальная (текущая) цена */
.current-price {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Красивое пастельно-желтое выделение старой цены в слайдерах */
.old-price {
    font-size: 13px !important;
    text-decoration: line-through !important;
    opacity: 0.8 !important;
    background-color: #fef08a !important; /* Мягкий желтый пастельный маркер */
    color: #9a3412 !important;            /* Контрастный темно-коричневый текст */
    padding: 2px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* --- НАВИГАЦИЯ СЛАЙДЕРА (Уникальные изолированные классы) --- */
.footer-prev,
.footer-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Кастомный размер иконок FontAwesome внутри стрелок */
.footer-prev i,
.footer-next i {
    font-size: 14px !important;
}

/* Позиционирование стрелок по бокам слайдера */
.footer-prev { left: -5px !important; }
.footer-next { right: -5px !important; }

/* Ховер-эффекты кнопок перелистывания */
.footer-prev:hover,
.footer-next:hover {
    background-color: #212529 !important;
    color: #ffffff !important;
    border-color: #212529 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* --- ИНДИКАТОРЫ (Точки пагинации) --- */
.footer-recommended-section .swiper-pagination-bullet {
    background: #212529 !important;
    opacity: 0.2 !important;
    transition: all 0.2s ease !important;
}

.footer-recommended-section .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #212529 !important;
    width: 18px !important;
    border-radius: 4px !important;
}


/* --- АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ ТЕЛЕФОНЫ --- */
@media (max-width: 991.98px) {
    /* Полностью скрываем стрелки навигации на тач-скринах, управление идет жестом */
    .footer-prev,
    .footer-next {
        display: none !important;
    }
}

@media (max-width: 420px) {
    /* На микро-смартфонах зажимаем шрифты цен для защиты от вылетов */
    .current-price {
        font-size: 17px !important;
    }
    .old-price {
        font-size: 11px !important;
        padding: 1px 5px !important;
    }
}
/* ==========================================================================
   ОБНОВЛЕННЫЕ СТИЛИ ДЛЯ ШИРОКОФОРМАТНОГО СЛАЙДЕРА В ФУТЕРЕ (ОТ КРАЯ ДО КРАЯ)
   ========================================================================== */
.footer-recommended-section {
    width: 100% !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    padding: 40px 0 !important;
}

/* 🟢 СТАЛО: Заголовок секции стал значительно крупнее и заметнее */
.recommended-section-title h2 {
    font-size: 32px !important; /* Увеличили размер шрифта */
    font-weight: 900 !important; /* Сделали максимально жирным и массивным */
    letter-spacing: -0.5px !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.recommended-section-title h2 i {
    font-size: 28px !important; /* Увеличили иконку звезды в тон заголовку */
    color: #f59f00 !important;
}

/* 🟢 СТАЛО: Контейнер Swiper теперь растянут на 100% ширины экрана от края до края */
.footer-recommended-section .position-relative {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 40px !important; /* Мягкие отступы по бокам, чтобы крайние карточки не прилипали к рамке монитора */
}

.footer-recommended-slider {
    width: 100% !important;
    overflow: visible !important; /* Позволяет карточкам плавно уходить в тень по бокам */
}

/* Стилизация пагинации (точки Swiper) */
.footer-recommended-section .swiper-pagination-bullet-active {
    background: #212529 !important;
    width: 18px !important;
    border-radius: 4px !important;
}

/* 🟢 СТАЛО: Позиционирование стрелок адаптировано под широкий экран */
.footer-prev,
.footer-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.footer-prev { left: 10px !important; } /* Сдвинули внутрь широкого контейнера */
.footer-next { right: 10px !important; }

.footer-prev:hover,
.footer-next:hover {
    background-color: #212529 !important;
    color: #ffffff !important;
    border-color: #212529 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Адаптивность под планшеты и мобильные устройства */
@media (max-width: 991.98px) {
    .footer-prev,
    .footer-next {
        display: none !important; /* Скрываем стрелки на тач-экранах */
    }
    .footer-recommended-section .position-relative {
        padding: 0 15px !important; /* На мобильных уменьшаем отступы по бокам */
    }
    .recommended-section-title h2 {
        font-size: 24px !important; /* Слегка уменьшаем заголовок на смартфонах */
    }
}
/* ==========================================================================
   УВЕЛИЧЕННОЕ НАЗВАНИЕ НА 4 СТРОКИ И ПОДКАТЕГОРИЯ В КАРТОЧКЕ СЛАЙДЕРА
   ========================================================================== */

/* Фиксируем высоту названия под 3-4 строки, чтобы карточки не прыгали по высоте */
.card-product-title.expanded-title {
    line-height: 1.4 !important;
    height: 5.6em !important; /* Высота ровно под 4 строки текста */
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important; /* Жесткое ограничение для старых браузеров */
    -webkit-box-orient: vertical !important;
    margin-bottom: 8px !important;
}

/* Стилизация новой пастельной плашки подкатегории */
.mini-subcategory-badge {
    background-color: #f0fdfa !important; /* Мягкий мятно-бирюзовый фон */
    color: #0d9488 !important;            /* Контрастный темно-бирюзовый текст */
    border: 1px solid #ccfbf1 !important;  /* Аккуратная рамка */
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;
    max-width: 100% !important;
    overflow: hidden !important;
    text-truncate: true;
    white-space: nowrap !important;
}

.mini-subcategory-badge i {
    font-size: 10px !important;
    opacity: 0.8;
}
/* ==========================================================================
   МОДЕРНИЗИРОВАННЫЙ СТИЛЬ ГЛУБОКОГО ФУТЕРА (MAIN SITE FOOTER)
   ========================================================================== */
.main-site-footer {
    background-color: #0f172a !important; /* Глубокий премиальный темно-синий/грифельный тон */
}

.bg-dark-darker {
    background-color: #020617 !important; /* Еще более темный тон для полосы копирайта */
}

/* Стилизация текста описания компании */
.footer-description-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #94a3b8 !important; /* Мягкий не утомляющий глаза серый цвет */
}

/* Текст заголовков колонок */
.footer-widget-box .widget-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

/* Декоративная полоса под заголовком */
.footer-widget-box .widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #3b82f6; /* Акцентная синяя полоска */
}

/* Ссылки меню в футере */
.footer-menu-links li a {
    font-size: 14px !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    transition: all 0.2s ease-in-out !important;
}

/* Скрытая микро-стрелочка, которая плавно выезжает при наведении на пункт меню */
.small-arrow {
    font-size: 10px !important;
    margin-right: 0px !important;
    width: 0px !important;
    opacity: 0;
    transition: all 0.2s ease-in-out !important;
}

.footer-menu-links li a:hover {
    color: #ffffff !important;
    padding-left: 4px !important;
}

.footer-menu-links li a:hover .small-arrow {
    width: 12px !important;
    margin-right: 4px !important;
    opacity: 1;
    color: #3b82f6 !important;
}

/* Плашка условий возврата */
.footer-accent-link {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3b82f6 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #3b82f6;
    transition: color 0.15s;
}
.footer-accent-link:hover {
    color: #60a5fa !important;
    border-bottom-style: solid;
}

/* Карточка телефона техподдержки */
.footer-support-card {
    background-color: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    max-width: 300px;
}

.support-phone-link {
    transition: color 0.15s;
}
.support-phone-link:hover {
    color: #4ade80 !important; /* Зеленеет при наведении */
}

/* Список контактов 4 колонки */
.footer-contact-info {
    font-size: 14px !important;
    color: #94a3b8 !important;
}
.footer-contact-info i {
    font-size: 15px !important;
    width: 16px;
    text-align: center;
}

/* Копирайт бар */
.text-muted-footer-copyright {
    color: #64748b !important;
}

.footer-logo-img {
    max-height: 48px !important;
    width: auto;
}
/* ==========================================================================
   КОНТРАСТНЫЕ И ЯРКИЕ СТИЛИ ДЛЯ КНОПОК СОЦСЕТЕЙ ВОЗЛЕ ЛОГОТИПА
   ========================================================================== */
.footer-branding-header-row {
    width: 100%;
}

.footer-social-inline-row {
    display: inline-flex !important;
    gap: 10px !important; /* Увеличили зазор для лучшей читаемости */
}

/* 🟢 СТАЛО: Светлые, контрастные круглые кнопки-подложки */
.footer-inline-social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.08) !important; /* Полупрозрачный белый — идеально ложится на любой темный фон */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease !important;
}

/* 🟢 СТАЛО: Задаем сочные фирменные цвета для иконок СРАЗУ (до наведения мыши), чтобы они не сливались */
.footer-inline-social-link.viber-personal { color: #bfb7ff !important; } /* Неоново-фиолетовый */
.footer-inline-social-link.viber-group    { color: #a193ff !important; }
.footer-inline-social-link.telegram-link   { color: #38bdf8 !important; } /* Яркий голубой */
.footer-inline-social-link.instagram-link  { color: #f472b6 !important; } /* Нежно-розовый */
.footer-inline-social-link.facebook-link   { color: #60a5fa !important; } /* Приятный синий */

/* ========================================== */
/* ПРЕМИАЛЬНЫЕ ЭФФЕКТЫ ПРИ НАВЕДЕНИИ КУРСОРA  */
/* ========================================== */

/* Личный Viber */
.footer-inline-social-link.viber-personal:hover {
    background-color: #7360f2 !important;
    border-color: #7360f2 !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(115, 96, 242, 0.35) !important;
}

/* Сообщество Viber */
.footer-inline-social-link.viber-group:hover {
    background-color: #5944d6 !important;
    border-color: #5944d6 !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(89, 68, 214, 0.35) !important;
}

/* Telegram */
.footer-inline-social-link.telegram-link:hover {
    background-color: #0088cc !important;
    border-color: #0088cc !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(0, 136, 204, 0.35) !important;
}

/* Instagram */
.footer-inline-social-link.instagram-link:hover {
    background-color: #e1306c !important;
    border-color: #e1306c !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(225, 48, 108, 0.35) !important;
}

/* Facebook */
.footer-inline-social-link.facebook-link:hover {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.35) !important;
}

/* Адаптивное поведение на экранах смартфонов */
@media (max-width: 480px) {
    .footer-branding-header-row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
}

/* NEW LIFE*/
/* ==========================================================================
   ИЗОЛИРУЮЩАЯ СИСТЕМА СБРОСА СТИЛЕЙ ДЛЯ UNGSHOP
   ========================================================================== */
.ungshop-isolated-app {
    all: unset; /* Полный сброс наследования стилей старой темы (где поддерживается) */
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important; /* Намертво убивает горизонтальный скролл на мобилках */
    position: relative !important;
    background-color: #f3f4f6 !important; /* Современный нейтральный фон (светло-серый) */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Принудительная перезапись правил для всех внутренних тегов */
.ungshop-isolated-app *,
.ungshop-isolated-app *::before,
.ungshop-isolated-app *::after {
    box-sizing: border-box !important;
    transition: none; /* Убираем системные кривые анимации ховеров старой темы */
}

/* Стерилизация отступов Bootstrap и рядов */
.ungshop-isolated-app .container {
    width: 100% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ungshop-isolated-app .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
}

/* Очистка ссылок, кнопок и списков от старых стилей */
.ungshop-isolated-app a {
    text-decoration: none !important;
    color: inherit !important;
}

.ungshop-isolated-app ul,
.ungshop-isolated-app ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ungshop-isolated-app img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ НА СТАРТЕ --- */
@media (max-width: 768px) {
    .ungshop-isolated-app .container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .ungshop-isolated-app .row {
        margin-right: -12px !important;
        margin-left: -12px !important;
    }
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 1: СЛАЙДЕР БАННЕРОВ (GSLIDER)
   ========================================================================== */

.ungshop-isolated-app .custom-gslider-isolated {
    position: relative !important;
    width: 100% !important;
    background-color: #1f2937 !important; /* Темная подложка, чтобы экран не мигал белым при загрузке */
}

/* Затемняющий градиент поверх фото для идеального контраста белого текста */
.ungshop-isolated-app .banner-image-overlay-box {
    position: relative !important;
    width: 100% !important;
}

.ungshop-isolated-app .banner-image-overlay-box::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%) !important;
    z-index: 1 !important;
}

/* Изображение баннера */
.ungshop-isolated-app .isolated-banner-img {
    width: 100% !important;
    height: 520px !important; /* Идеальная высота для десктопов и больших 27" мониторов */
    object-fit: cover !important;
    display: block !important;
}

/* Позиционирование контента */
.ungshop-isolated-app .isolated-caption {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
}

.ungshop-isolated-app .caption-text-holder {
    max-width: 650px !important;
    width: 100% !important;
}

/* Кастомный мини-бейдж над заголовоком баннера */
.ungshop-isolated-app .isolated-badge {
    display: inline-block !important;
    background-color: rgba(138, 43, 226, 0.2) !important;
    border: 1px solid #8a2be2 !important;
    color: #c084fc !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Заголовок на баннере */
.ungshop-isolated-app .isolated-banner-title {
    font-size: 3rem !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    letter-spacing: -0.5px !important;
}

/* Описание на баннере */
.ungshop-isolated-app .isolated-banner-desc {
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    max-width: 90% !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Кнопка на баннере */
.ungshop-isolated-app .isolated-btn-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #8a2be2 !important; /* Наш фирменный цвет */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 12px 32px !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 12px rgba(138, 43, 226, 0.4) !important;
    transition: all 0.2s ease-in-out !important;
}

.ungshop-isolated-app .isolated-btn-action:hover {
    background-color: #731ec8 !important;
    color: #ffff00 !important; /* Желтый ховер */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(138, 43, 226, 0.55) !important;
}

/* Индикаторы (Точки внизу) */
.ungshop-isolated-app .isolated-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: none !important;
    margin: 0 5px !important;
    transition: all 0.2s ease !important;
}

.ungshop-isolated-app .isolated-indicators .active {
    background-color: #8a2be2 !important;
    width: 24px !important; /* Удлиненная активная точка */
    border-radius: 5px !important;
}

/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-banner-img {
        height: 280px !important; /* Пропорциональное сжатие высоты, чтобы картинка не искажалась */
    }

    .ungshop-isolated-app .banner-image-overlay-box::after {
        background: rgba(0, 0, 0, 0.5) !important; /* Равномерное затемнение на мобилках */
    }

    .ungshop-isolated-app .isolated-banner-title {
        font-size: 1.4rem !important; /* Аккуратный читаемый размер без разрывов */
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .ungshop-isolated-app .isolated-caption {
        padding: 15px !important;
        align-items: center !important; /* Текст и кнопка встают строго по центру экрана телефона */
    }

    .ungshop-isolated-app .caption-text-holder {
        text-align: center !important;
    }

    .ungshop-isolated-app .isolated-badge {
        display: none !important; /* Прячем мелкие элементы на смартфонах */
    }

    .ungshop-isolated-app .isolated-btn-action {
        width: 100% !important; /* Кнопка во всю ширину экрана для удобного тапа */
        padding: 14px 20px !important;
        font-size: 1rem !important;
    }
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 2: СЕТКА КАТЕГОРИЙ
   ========================================================================== */
.ungshop-isolated-app .isolated-categories-wrapper {
    background-color: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.ungshop-isolated-app .section-grid-title {
    font-size: 1.75rem !important;
    color: #111827 !important;
}

.ungshop-isolated-app .section-grid-title i {
    color: #8a2be2 !important; /* Наш blueviolet */
}

/* Карточка категории */
.ungshop-isolated-app .category-grid-card {
    border: 1px solid #f3f4f6 !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform, box-shadow;
}

/* Ховер эффект: карточка взлетает, тень становится мягче */
.ungshop-isolated-app .category-grid-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(138, 43, 226, 0.08) !important;
    border-color: rgba(138, 43, 226, 0.2) !important;
}

/* Круг под картинку */
.ungshop-isolated-app .category-card-img-zone {
    width: 100px !important;
    height: 100px !important;
    transition: background-color 0.2s ease !important;
}

.ungshop-isolated-app .category-grid-card:hover .category-card-img-zone {
    background-color: #f3e8ff !important; /* Легкий фиолетовый подтон при наведении */
}

.ungshop-isolated-app .category-img-obj {
    width: 75% !important;
    height: 75% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.ungshop-isolated-app .category-grid-card:hover .category-img-obj {
    transform: scale(1.08); /* Картинка внутри круга слегка увеличивается */
}

.ungshop-isolated-app .extreme-small-text {
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Ровно 2 красивые строчки для описания, затем троеточие */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important;
    width: 100% !important;
    white-space: normal !important; /* Разрешаем браузеру переносить слова */
}


/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ КАТЕГОРИЙ --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-categories-wrapper {
        padding: 30px 0 !important;
    }

    .ungshop-isolated-app .section-grid-title {
        font-size: 1.35rem !important;
    }

    .ungshop-isolated-app .category-card-img-zone {
        width: 75px !important;
        height: 75px !important;
        margin-bottom: 10px !important;
    }

    .ungshop-isolated-app .category-grid-card {
        padding: 12px 8px !important; /* Компактные паддинги на экранах телефонов */
    }

    .ungshop-isolated-app .category-grid-card h3 {
        font-size: 0.85rem !important; /* Читаемый уменьшенный шрифт для заголовков категорий */
    }
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 3: ТОВАРНАЯ ВИТРИНА
   ========================================================================== */
.ungshop-isolated-app .isolated-showcase-wrapper {
    background-color: #f3f4f6 !important;
}

.ungshop-isolated-app .showcase-main-title {
    font-size: 1.75rem !important;
    color: #111827 !important;
}

.ungshop-isolated-app .showcase-main-title i { color: #ef4444 !important; }

/* Панель радио-кнопок */
.ungshop-isolated-app .showcase-tabs-control-panel {
    display: flex !important;
    background-color: #e5e7eb !important;
    padding: 4px !important;
    border-radius: 30px !important;
    gap: 4px !important;
}

/* Скрываем нативные инпуты */
.ungshop-isolated-app .showcase-tabs-control-panel input[type="radio"] {
    display: none !important;
}

/* Красивые кнопки-лейблы */
.ungshop-isolated-app .showcase-tabs-control-panel label {
    padding: 8px 24px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #4b5563 !important;
    cursor: pointer !important;
    border-radius: 20px !important;
    margin: 0 !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    user-select: none !important;
}

/* Магия переключения вкладок через CSS-селекторы */
.ungshop-isolated-app #showcase-tab-1:checked ~ label[for="showcase-tab-1"],
.ungshop-isolated-app #showcase-tab-2:checked ~ label[for="showcase-tab-2"],
.ungshop-isolated-app #showcase-tab-3:checked ~ label[for="showcase-tab-3"] {
    background-color: #8a2be2 !important; /* Наш фирменный Blueviolet */
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.25) !important;
}

/* По умолчанию прячем все окна вкладок */
.ungshop-isolated-app .showcase-pane {
    display: none !important;
    animation: fadeInPane 0.35s ease-out-in !important;
}

/* Показываем нужное окно при выборе инпута */
.ungshop-isolated-app #showcase-tab-1:checked ~ .showcase-tabs-content [data-tab-pane="showcase-tab-1"],
.ungshop-isolated-app #showcase-tab-2:checked ~ .showcase-tabs-content [data-tab-pane="showcase-tab-2"],
.ungshop-isolated-app #showcase-tab-3:checked ~ .showcase-tabs-content [data-tab-pane="showcase-tab-3"] {
    display: block !important;
}

/* --- СТИЛИ КАРТОЧКИ ТОВАРОВ (Премиум-эффект парения) --- */
.ungshop-isolated-app .isolated-product-card {
    border: 1px solid #e5e7eb !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform, box-shadow;
}

.ungshop-isolated-app .isolated-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 24px rgba(33, 37, 41, 0.08) !important;
    border-color: rgba(138, 43, 226, 0.15) !important;
}



/* Обрезка названий до 2 строк */
.ungshop-isolated-app .card-product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.4rem !important;
    line-height: 1.2rem !important;
    font-size: 0.95rem !important;
}

/* Цены */
.ungshop-isolated-app .new-price-val { font-size: 1.2rem !important; }
.ungshop-isolated-app .old-price-val {
    font-size: 0.8rem !important;
    background-color: #fef08a !important; /* Наш пастельно-желтый маркер */
    color: #9a3412 !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

/* Анимация проявления вкладок */
@keyframes fadeInPane {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ (Смартфоны) --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .showcase-tabs-control-panel {
        width: 100% !important;
        overflow-x: auto !important; /* Горизонтальный скролл табов на мелких экранах */
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }

    .ungshop-isolated-app .showcase-tabs-control-panel label {
        flex: 1 !important;
        text-align: center !important;
        padding: 8px 14px !important;
        font-size: 0.85rem !important;
    }

    .ungshop-isolated-app .showcase-main-title { font-size: 1.35rem !important; }
    .ungshop-isolated-app .card-product-title { font-size: 0.85rem !important; }
    .ungshop-isolated-app .new-price-val { font-size: 1rem !important; }
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ ВЫНЕСЕННОГО ТЕКСТА И МЯГКОГО СЛАЙДЕРА (ПРОПОРЦИИ 3:2)
   ========================================================================== */

.ungshop-isolated-app .premium-hero-combination {
    width: 100% !important;
    display: block !important;
}

/* --- ВЕРХНИЙ ТЕКСТОВЫЙ БЛОК --- */
.ungshop-isolated-app .hero-top-text-bar {
    background-color: #ffffff !important;
}

.ungshop-isolated-app .isolated-badge-premium {
    display: inline-block !important;
    background-color: #f3e8ff !important;
    color: #6b21a8 !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    padding: 4px 14px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

/* Экстра-жирный сочный H1 */
.ungshop-isolated-app .isolated-main-page-title {
    font-size: 2.8rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #111827 !important;
    letter-spacing: -1px !important;
}

.ungshop-isolated-app .text-purple-accent {
    color: #8a2be2 !important; /* Наш благородный Blueviolet */
}

/* Кнопка */
.ungshop-isolated-app .isolated-btn-action-premium-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background-color: #8a2be2 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    padding: 14px 45px !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 15px rgba(138, 43, 226, 0.35) !important;
    transition: all 0.25s ease-in-out !important;
}

.ungshop-isolated-app .isolated-btn-action-premium-v2:hover {
    background-color: #731ec8 !important;
    color: #ffff00 !important; /* Неоново-желтый ховер */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(138, 43, 226, 0.5) !important;
}

/* --- СЛАЙДЕР СНИЗУ (Убираем все ограничения по высоте) --- */
.ungshop-isolated-app .custom-gslider-isolated-v2,
.ungshop-isolated-app .custom-gslider-isolated-v2 .carousel-inner,
.ungshop-isolated-app .custom-gslider-isolated-v2 .carousel-item {
    height: auto !important; /* Намертво сбрасываем фиксированную высоту Bootstrap */
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
    background-color: #f3f4f6 !important;
}

/* Контейнер смягчения */
.ungshop-isolated-app .banner-image-softener-box {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    background-color: #ffffff !important;
}

/* КАРТИНКА 1536x1024: Глобальные настройки для мониторов (Десктоп) */
.ungshop-isolated-app .isolated-banner-img-v2 {
    width: 100% !important;
    height: auto !important; /* Высота формируется автоматически из пропорций файла */
    max-height: none !important;
    object-fit: contain !important; /* Картинка сжимается целиком без обрезки краев */
    display: block !important;
    margin: 0 auto !important;
    opacity: 0.85 !important; /* Мягкая прозрачность */
    filter: contrast(95%) brightness(102%) !important;
}

/* Кастомные точки пагинации под слайдером */
.ungshop-isolated-app .isolated-indicators-v2 {
    bottom: 15px !important;
    z-index: 5 !important;
}

.ungshop-isolated-app .isolated-indicators-v2 li {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: none !important;
    margin: 0 5px !important;
}

.ungshop-isolated-app .isolated-indicators-v2 .active {
    background-color: #8a2be2 !important;
    width: 22px !important;
    border-radius: 5px !important;
}

/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-main-page-title {
        font-size: 1.6rem !important;
        font-weight: 800 !important;
    }

    .ungshop-isolated-app .isolated-btn-action-premium-v2 {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 1.1rem !important;
    }

    .ungshop-isolated-app .isolated-banner-img-v2 {
        height: auto !important; /* На мобильных телефонах высота уменьшается пропорционально */
        opacity: 0.95 !important; /* На смартфонах делаем баннер чуть ярче */
    }
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 2: СЕТКА КАТЕГОРИЙ
   ========================================================================== */
.ungshop-isolated-app .isolated-categories-wrapper {
    background-color: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    width: 100% !important;
    display: block !important;
}

.ungshop-isolated-app .section-grid-title {
    font-size: 1.75rem !important;
    color: #111827 !important;
}

.ungshop-isolated-app .section-grid-title i {
    color: #8a2be2 !important; /* Наш blueviolet */
}

/* Карточка категории */
.ungshop-isolated-app .category-grid-card {
    border: 1px solid #f3f4f6 !important;
    background-color: #ffffff !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform, box-shadow;
}

/* Ховер-эффект премиум уровня */
.ungshop-isolated-app .category-grid-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(138, 43, 226, 0.08) !important;
    border-color: rgba(138, 43, 226, 0.2) !important;
}

/* Круглый контейнер под изображение категории */
.ungshop-isolated-app .category-card-img-zone {
    width: 100px !important;
    height: 100px !important;
    background-color: #f8f9fa;
    transition: background-color 0.2s ease !important;
}

.ungshop-isolated-app .category-grid-card:hover .category-card-img-zone {
    background-color: #f3e8ff !important; /* Мягкий фиолетовый подтон при наведении */
}

.ungshop-isolated-app .category-img-obj {
    width: 70% !important;
    height: 70% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.ungshop-isolated-app .category-grid-card:hover .category-img-obj {
    transform: scale(1.08) !important; /* Картинка плавно увеличивается внутри круга */
}

.ungshop-isolated-app .category-card-name-text {
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
}

.ungshop-isolated-app .extreme-small-text {
    font-size: 0.75rem !important;
    display: block;
}

/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ КАТЕГОРИЙ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-categories-wrapper {
        padding: 30px 0 !important;
    }

    .ungshop-isolated-app .section-grid-title {
        font-size: 1.35rem !important;
    }

    .ungshop-isolated-app .category-card-img-zone {
        width: 75px !important;
        height: 75px !important;
        margin-bottom: 10px !important;
    }

    .ungshop-isolated-app .category-grid-card {
        padding: 12px 8px !important;
    }

    .ungshop-isolated-app .category-card-name-text {
        font-size: 0.85rem !important; /* Оптимальный читаемый размер для экранов смартфонов */
    }
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ АКТУАЛЬНЫХ КАТЕГОРИЙ (МНОГОСТРОЧНАЯ СЕТКА GRID)
   ========================================================================== */

.ungshop-isolated-app .isolated-promo-categories-wrapper {
    background-color: #ffffff !important;
    width: 100% !important;
    display: block !important;
}

.ungshop-isolated-app .promo-grid-title {
    font-size: 1.6rem !important;
    color: #111827 !important;
    font-weight: 900 !important;
}
.ungshop-isolated-app .promo-grid-title i { color: #ef4444 !important; }

/* Мини-badge SALE в заголовке */
.ungshop-isolated-app .promo-sale-badge-mini {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    margin-left: 5px !important;
}

/* ⚡ МОЩНАЯ СЕТКА GRID: автоматическое заполнение рядов во всю ширину экрана */
.ungshop-isolated-app .promo-categories-grid-container-wrapped {
    display: grid !important;
    /* Плашка будет стремиться к ширине 240px. На ПК их встанет 4-5 в ряд, на планшетах 3, на мобильных — по 2 */
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 12px !important; /* Удобный зазор между плашками во всех направлениях */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Стилизация плашки категории */
.ungshop-isolated-app .promo-category-badge-card {
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.2s ease,
    border-color 0.2s ease !important;
}

/* Эффект мягкого парения при наведении */
.ungshop-isolated-app .promo-category-badge-card:hover {
    transform: translateY(-2px) !important;
    background-color: #ffffff !important;
    border-color: rgba(138, 43, 226, 0.2) !important; /* Легкий фирменный фиолетовый контур */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

/* Круглый контейнер под картинку */
.ungshop-isolated-app .promo-badge-img-holder {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    border-radius: 50% !important; /* Превращаем в аккуратный идеальный круг */
    background-color: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ungshop-isolated-app .promo-badge-img-holder img {
    max-width: 75% !important;
    max-height: 75% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}
.ungshop-isolated-app .promo-category-badge-card:hover .promo-badge-img-holder img {
    transform: scale(1.08) !important; /* Микро-зум иконки при наведении */
}

/* Текстовая правая часть */
.ungshop-isolated-app .promo-badge-text-holder {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: 100% !important;
}

.ungshop-isolated-app .promo-badge-name {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin: 0 !important;
}
.ungshop-isolated-app .promo-category-badge-card:hover .promo-badge-name {
    color: #8a2be2 !important; /* Название загорается фиолетовым при ховере */
}

/* Бейдж счетчика количества товаров */
.ungshop-isolated-app .badge-count-promo {
    display: inline-block !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    background-color: #fee2e2 !important; /* Мягкий пастельно-красный фон */
    color: #ef4444 !important;
    white-space: nowrap !important;
    width: fit-content !important;
}

/* --- 📱 МОБИЛЬНАЯ АДАПТИВНОСТЬ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .promo-grid-title { font-size: 1.3rem !important; }

    /* Жестко фиксируем отображение СТРОГО 2 КАРТОЧЕК В РЯД на экранах телефонов */
    .ungshop-isolated-app .promo-categories-grid-container-wrapped {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important; /* Микро-зазор для экономии места на дисплее */
    }

    .ungshop-isolated-app .promo-category-badge-card {
        padding: 8px !important;
        gap: 8px !important;
        border-radius: 8px !important;
    }

    .ungshop-isolated-app .promo-badge-img-holder {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .ungshop-isolated-app .promo-badge-name {
        font-size: 0.8rem !important;
    }
    .ungshop-isolated-app .badge-count-promo {
        font-size: 10px !important;
        padding: 1px 6px !important;
    }
}


/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 3: ТОВАРНЫЕ ВИТРИНЫ
   ========================================================================== */
.ungshop-isolated-app .isolated-showcase-wrapper {
    background-color: #f3f4f6 !important;
    width: 100% !important;
}

.ungshop-isolated-app .showcase-main-title {
    font-size: 1.75rem !important;
    color: #111827 !important;
}
.ungshop-isolated-app .showcase-main-title i { color: #ef4444 !important; }

/* Панель табов */
.ungshop-isolated-app .showcase-tabs-control-panel {
    display: flex !important;
    background-color: #e5e7eb !important;
    padding: 4px !important;
    border-radius: 30px !important;
    gap: 4px !important;
}
.ungshop-isolated-app .showcase-tabs-control-panel input[type="radio"] {
    display: none !important;
}

.ungshop-isolated-app .showcase-tabs-control-panel label {
    padding: 8px 24px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #4b5563 !important;
    cursor: pointer !important;
    border-radius: 20px !important;
    margin: 0 !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Логика подсветки активного таба на CSS */
.ungshop-isolated-app #showcase-tab-1:checked ~ label[for="showcase-tab-1"],
.ungshop-isolated-app #showcase-tab-2:checked ~ label[for="showcase-tab-2"],
.ungshop-isolated-app #showcase-tab-3:checked ~ label[for="showcase-tab-3"] {
    background-color: #8a2be2 !important; /* Наш Blueviolet */
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.25) !important;
}

/* Окна контента табов */
.ungshop-isolated-app .showcase-pane {
    display: none !important;
}
.ungshop-isolated-app .showcase-pane.active {
    display: block !important;
    animation: showcaseFadeIn 0.3s ease-out !important;
}

/* Карточки */
.ungshop-isolated-app .isolated-product-card {
    border: 1px solid #e5e7eb !important;
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease !important;
    will-change: transform, box-shadow;
}
.ungshop-isolated-app .isolated-product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07) !important;
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ ИЗОБРАЖЕНИЙ КАРТОЧЕК (ФИКСИРОВАННАЯ ВЫСОТА И ЗУМ)
   ========================================================================== */

/* 1. Родной контейнер под картинку: жёстко держит высоту на десктопе */
.ungshop-isolated-app .card-img-holder {
    width: 100% !important;
    height: 240px !important; /* Строгий стандарт высоты для десктопов и 27" мониторов */
    padding-top: 0 !important; /* УБРАЛИ проценты, которые ломали слои */
    overflow: hidden !important;
    background-color: #f9fafb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Сама картинка: вписывается в контейнер без искажений и наплывов */
.ungshop-isolated-app .standard-card-img,
.ungshop-isolated-app .card-img-holder img {
    width: 100% !important;
    height: 100% !important;
    max-height: 220px !important; /* Оставляем микро-зазор для паддингов */
    object-fit: contain !important; /* Картинка масштабируется целиком, не вылезая за рамки */
    /* Плавный кубический безье для дорогой анимации зума */
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 3. Премиальный зум изображения при наведении на любую карточку товара */
.ungshop-isolated-app .isolated-product-card:hover .card-img-holder img,
.ungshop-isolated-app .new-product-grid-card:hover .card-img-holder img {
    transform: scale(1.05) !important; /* Безопасное увеличение на 5% без размытия */
}

/* --- АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ (Смартфоны до 767.98px) --- */
@media (max-width: 767.98px) {
    /* На смартфонах экраны узкие, делаем высоту компактнее для сетки 2-х карт в ряд */
    .ungshop-isolated-app .card-img-holder {
        height: 160px !important;
    }

    .ungshop-isolated-app .standard-card-img,
    .ungshop-isolated-app .card-img-holder img {
        max-height: 145px !important;
    }
}




.ungshop-isolated-app .card-product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.4rem !important;
    line-height: 1.2rem !important;
    font-size: 0.95rem !important;
}

.ungshop-isolated-app .new-price-val { font-size: 1.25rem !important; }
.ungshop-isolated-app .old-price-val {
    font-size: 0.8rem !important;
    background-color: #fef08a !important;
    color: #9a3412 !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

/* Кнопки футера карточки */
.ungshop-isolated-app .btn-showcase-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #8a2be2 !important;
    color: #ffffff !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
}
.ungshop-isolated-app .btn-showcase-cart:hover { background-color: #731ec8 !important; color: #ffff00 !important; }

.ungshop-isolated-app .btn-showcase-wish {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #dee2e6 !important;
    color: #4b5563 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
}
.ungshop-isolated-app .btn-showcase-wish:hover { background-color: #fee2e2 !important; color: #ef4444 !important; border-color: #fca5a5 !important; }

@keyframes showcaseFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Мобильная адаптивность */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .showcase-tabs-control-panel {
        width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    .ungshop-isolated-app .showcase-tabs-control-panel label { padding: 8px 16px !important; font-size: 0.85rem !important; }
    .ungshop-isolated-app .showcase-main-title { font-size: 1.35rem !important; }
    .ungshop-isolated-app .card-product-title { font-size: 0.85rem !important; }
    .ungshop-isolated-app .new-price-val { font-size: 1rem !important; }
    .ungshop-isolated-app .btn-showcase-cart span { display: none !important; }
}
/* Стилизация и позиционирование эмодзи-флага в карточке */
.ungshop-isolated-app .isolated-country-flag-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: help !important;
    user-select: none !important;
    line-height: 1 !important;
    /* Мягкий фильтр тени, чтобы флаги вроде Польши или Монако идеально читались на белом/сером фоне */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) !important;
    transition: transform 0.2s ease-in-out !important;
}

/* Микро-анимация покачивания флага при наведении на карточку */
.ungshop-isolated-app .isolated-product-card:hover .isolated-country-flag-emoji,
.ungshop-isolated-app .new-product-grid-card:hover .isolated-country-flag-emoji {
    transform: scale(1.12) rotate(3deg) !important;
}
/* Стилизация флага внутри боди-блока карточки */
.ungshop-isolated-app .card-meta-row-inline {
    width: 100% !important;
    display: flex !important;
}

.ungshop-isolated-app .isolated-body-flag-emoji {
    font-size: 1.15rem !important;
    line-height: 1 !important;
    cursor: help !important;
    user-select: none !important;
    display: inline-flex !important;
    align-items: center !important;
    /* Тень защищает белые элементы флагов от сливания со светлым фоном */
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.15)) !important;
    transition: transform 0.2s ease-in-out !important;
}

/* Эффект покачивания флага при наведении на карточку */
.ungshop-isolated-app .isolated-product-card:hover .isolated-body-flag-emoji,
.ungshop-isolated-app .new-product-grid-card:hover .isolated-body-flag-emoji {
    transform: scale(1.15) rotate(4deg) !important;
}
/* Стилизация бейджа процента скидки */
.ungshop-isolated-app .card-discount-badge {
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    padding: 4px 9px !important;
    background-color: #ef4444 !important; /* Яркий красный цвет распродажи */
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3) !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    user-select: none !important;
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 4: ВИТРИНА БРЕНДОВ С МНОГОСТРОЧНЫМ ПЕРЕНОСОМ
   ========================================================================== */
.ungshop-isolated-app .isolated-brands-showcase-wrapper {
    background-color: #ffffff !important;
    width: 100% !important;
    display: block !important;
}

.ungshop-isolated-app .brands-main-title {
    font-size: 1.6rem !important;
    color: #111827 !important;
    font-weight: 900 !important;
}
.ungshop-isolated-app .brands-main-title i { color: #10b981 !important; }

/* ⚡ ОБЛАКО КАПСУЛ: Адаптивный флекс с автопереносом кнопок */
.ungshop-isolated-app .brands-flex-wrap-holder {
    width: 100% !important;
    display: block !important;
}

.ungshop-isolated-app .brands-tabs-control-panel-wrapped {
    display: flex !important;
    flex-wrap: wrap !important; /* Разрешаем перенос кнопок на новые строки */
    gap: 8px 6px !important; /* 8px отступ сверху/снизу, 6px между кнопками */
    width: 100% !important;
    justify-content: center !important; /* Центрируем облако кнопок на телефонах */
}

@media (min-width: 768px) {
    .ungshop-isolated-app .brands-tabs-control-panel-wrapped {
        justify-content: flex-start !important; /* На ПК прижимаем аккуратно влево */
    }
}

.ungshop-isolated-app .brands-tabs-control-panel-wrapped input[type="radio"] {
    display: none !important;
}

/* Оформление кнопок-брендов */
.ungshop-isolated-app .brand-badge-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #4b5563 !important;
    background-color: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    margin: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    user-select: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Изумрудный активный цвет при выборе бренда */
.ungshop-isolated-app input[name="brand_filter"]:checked + .brand-badge-label {
    background-color: #10b981 !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

.ungshop-isolated-app .brand-badge-label:hover {
    background-color: #e5e7eb !important;
    color: #1f2937 !important;
}

/* СЕТКА ТОВАРОВ И КАРТИНКИ (Защита от наплывов) */
.ungshop-isolated-app .brands-products-grid-holder {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.ungshop-isolated-app .brand-item-grid-card {
    border: 1px solid #e5e7eb !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.ungshop-isolated-app .brand-item-grid-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(16, 185, 129, 0.06) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}

.ungshop-isolated-app .brand-card-img-holder {
    width: 100% !important;
    height: 240px !important; /* Фиксированный стандарт высоты */
    background-color: #f9fafb !important;
}
.ungshop-isolated-app .brand-standard-img {
    width: 100% !important;
    height: 100% !important;
    max-height: 220px !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}
.ungshop-isolated-app .brand-item-grid-card:hover .brand-standard-img { transform: scale(1.05) !important; }

.ungshop-isolated-app .brand-product-title-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.4rem !important;
    line-height: 1.2rem !important;
    font-size: 0.95rem !important;
}

.ungshop-isolated-app .brand-card-flag-emoji-top {
    font-size: 1.25rem !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)) !important;
}
.ungshop-isolated-app .brand-avg-number-text {
    font-size: 11px !important;
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}
.ungshop-isolated-app .custom-card-sale-tag {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
}

/* Статусы и цены */
.ungshop-isolated-app .brand-product-status-inline-line { display: block !important; height: 18px !important; }
.ungshop-isolated-app .custom-status-label { display: inline-block !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 1px 6px !important; border-radius: 3px !important; }
.ungshop-isolated-app .status-new { background-color: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important; }
.ungshop-isolated-app .status-hot { background-color: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fca5a5 !important; }
.ungshop-isolated-app .status-sold { background-color: #f3f4f6 !important; color: #4b5563 !important; border: 1px solid #d1d5db !important; }
.ungshop-isolated-app .brand-new-price { font-size: 1.25rem !important; }
.ungshop-isolated-app .brand-old-price { font-size: 0.8rem !important; background-color: #fef08a !important; color: #9a3412 !important; padding: 1px 6px !important; border-radius: 4px !important; font-weight: 600 !important; }

/* Кнопки */
.ungshop-isolated-app .btn-brand-grid-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background-color: #10b981 !important; color: #ffffff !important; font-size: 0.85rem !important; font-weight: 700 !important; padding: 8px 12px !important; border-radius: 6px !important; }
.ungshop-isolated-app .btn-brand-grid-cart:hover { background-color: #059669 !important; }
.ungshop-isolated-app .btn-brand-grid-wish { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border: 1px solid #dee2e6 !important; color: #4b5563 !important; border-radius: 6px !important; background-color: #ffffff !important; }
.ungshop-isolated-app .btn-brand-grid-wish:hover { background-color: #ecfdf5 !important; color: #10b981 !important; border-color: #a7f3d0 !important; }

/* --- МОБИЛЬНАЯ СЕТКА (Строго 2 в ряд) --- */
@media (max-width: 991.98px) {
    .ungshop-isolated-app .brands-products-grid-holder { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 767.98px) {
    .ungshop-isolated-app .brands-main-title { font-size: 1.3rem !important; }
    .ungshop-isolated-app .brands-products-grid-holder { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .ungshop-isolated-app .brand-card-img-holder { height: 160px !important; }
    .ungshop-isolated-app .brand-standard-img { max-height: 145px !important; }
    .ungshop-isolated-app .brand-product-title-text { font-size: 0.85rem !important; }
    .ungshop-isolated-app .brand-new-price { font-size: 1rem !important; }
    .ungshop-isolated-app .btn-brand-grid-cart span { display: none !important; }
}

/* ==========================================================================
/* ==========================================================================
   ЖЕСТКАЯ КАСТОМИЗАЦИЯ ГОРИЗОНТАЛЬНЫХ СКРОЛЛБАРОВ ДЛЯ ТАБОВ (НЕ ПРЯЧУТСЯ)
   ========================================================================== */

/* 1. Обеспечиваем принудительный отступ снизу под табами, чтобы полоса не нализала на текст */
.ungshop-isolated-app .promo-categories-scroll-container,
.ungshop-isolated-app .new-products-filter-scroll-area,
.ungshop-isolated-app .brands-filter-scroll-holder {
    padding-bottom: 16px !important;
    overflow-x: auto !important; /* Принудительно включаем скролл в системе */
}

/* 2. БАЗОВЫЙ ВИД: Делаем полосу видимой всегда (увеличиваем высоту до 8px изначально) */
.ungshop-isolated-app .promo-categories-scroll-container::-webkit-scrollbar,
.ungshop-isolated-app .new-products-filter-scroll-area::-webkit-scrollbar,
.ungshop-isolated-app .brands-filter-scroll-holder::-webkit-scrollbar {
    display: block !important;
    height: 8px !important; /* Изначально заметная высота, чтобы не терялась */
}

/* Задаем контрастную серую дорожку (трек), чтобы было видно общую длину скролла */
.ungshop-isolated-app .promo-categories-scroll-container::-webkit-scrollbar-track,
.ungshop-isolated-app .new-products-filter-scroll-area::-webkit-scrollbar-track,
.ungshop-isolated-app .brands-filter-scroll-holder::-webkit-scrollbar-track {
    background-color: #e5e7eb !important; /* Светло-серый трек-подложка */
    border-radius: 10px !important;
}

/* Сам ползунок (бегунок) — делаем его плотным и непрозрачным */
.ungshop-isolated-app .promo-categories-scroll-container::-webkit-scrollbar-thumb,
.ungshop-isolated-app .new-products-filter-scroll-area::-webkit-scrollbar-thumb,
.ungshop-isolated-app .brands-filter-scroll-holder::-webkit-scrollbar-thumb {
    background-color: #9ca3af !important; /* Плотный серый бегунок по умолчанию */
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important; /* Внутренний зазор */
}

/* 3. 🔥 ХОВЕР-ЭФФЕКТ: При наведении мыши на блок скроллбар раздувается до 12px и горит цветом */
.ungshop-isolated-app .promo-categories-scroll-container:hover::-webkit-scrollbar,
.ungshop-isolated-app .new-products-filter-scroll-area:hover::-webkit-scrollbar,
.ungshop-isolated-app .brands-filter-scroll-holder:hover::-webkit-scrollbar {
    height: 12px !important; /* Мега-жирный и удобный для захвата мышкой размер */
}

/* Подсветка бегунка при наведении на конкретную секцию */
.ungshop-isolated-app .promo-categories-scroll-container:hover::-webkit-scrollbar-thumb {
    background-color: #fca5a5 !important; /* Приглушенный красный для акций */
}
.ungshop-isolated-app .new-products-filter-scroll-area:hover::-webkit-scrollbar-thumb {
    background-color: #c084fc !important; /* Приглушенный фиолетовый для новинок */
}
.ungshop-isolated-app .brands-filter-scroll-holder:hover::-webkit-scrollbar-thumb {
    background-color: #6ee7b7 !important; /* Приглушенный зеленый для брендов */
}

/* 4. ТОЧЕЧНЫЙ ХОВЕР: Когда мышка наведена прямо на сам ползунок */
.ungshop-isolated-app .promo-categories-scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #ef4444 !important; /* Горит ярко-красным при захвате */
}
.ungshop-isolated-app .new-products-filter-scroll-area::-webkit-scrollbar-thumb:hover {
    background-color: #8a2be2 !important; /* Горит ярко-фиолетовым при захвате */
}
.ungshop-isolated-app .brands-filter-scroll-holder::-webkit-scrollbar-thumb:hover {
    background-color: #10b981 !important; /* Горит ярко-зеленым при захвате */
}
/* ==========================================================================
   СТИЛИ ДЛЯ НАТИВНОЙ КНОПКИ SCROLL-UP (.ungshop-scrollup-btn)
   ========================================================================== */
.ungshop-scrollup-btn {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background-color: #8a2be2 !important; /* Наш фирменный фиолетовый */
    color: #ffffff !important;
    border: 2px solid #ffffff !important; /* Белый аккуратный контур */
    box-shadow: 0 4px 12px rgba(138, 43, 226, 0.4) !important; /* Объемная фиолетовая тень */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 9999 !important; /* Кнопка всегда должна быть поверх всех слоев сайта */

    /* Изначально кнопка полностью скрыта и опущена ниже экрана */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.8) !important;

    /* Плавный переход проявления и анимации */
    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    background-color 0.2s ease !important;
    will-change: transform, opacity;
}

/* Размер стрелочки FontAwesome внутри круга */
.ungshop-scrollup-btn i {
    font-size: 26px !important;
    font-weight: 900 !important;
    transition: transform 0.2s ease !important;
}

/* 🔥 ЭФФЕКТ АКТИВАЦИИ: Этот класс будет добавляться через JS при скролле страницы */
.ungshop-scrollup-btn.show-scroll-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important; /* Кнопка плавно "выпрыгивает" снизу */
}

/* ХОВЕР-ЭФФЕКТЫ ДЛЯ ДЕСКТОПА */
.ungshop-scrollup-btn:hover {
    background-color: #212529 !important; /* При наведении становится стильной угольно-черной */
    border-color: #212529 !important;
    box-shadow: 0 6px 16px rgba(33, 37, 41, 0.3) !important;
}

/* Стрелочка внутри круга при наведении совершает микро-прыжок вверх */
.ungshop-scrollup-btn:hover i {
    transform: translateY(-3px) !important;
}

/* --- МОБИЛЬНАЯ АДАПТИВНОСТЬ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    .ungshop-scrollup-btn {
        bottom: 20px !important;
        right: 20px !important;
        width: 42px !important; /* На смартфонах кнопку делаем чуть компактнее */
        height: 42px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    }

    .ungshop-scrollup-btn i {
        font-size: 14px !important;
    }
}
/* ==========================================================================
   КАСТОМНЫЕ ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ МЕТА-ЭЛЕМЕНТОВ КАРТОЧКИ БРЕНДА
   ========================================================================== */

/* 1. Кастомная плашка процента скидки (вместо .badge bg-danger) */
.ungshop-isolated-app .custom-card-sale-tag {
    display: inline-block !important;
    background-color: #ef4444 !important; /* Насыщенный красный */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25) !important;
    text-shadow: none !important;
    letter-spacing: 0.5px !important;
}

/* 2. Позиционирование флага сверху справа */
.ungshop-isolated-app .brand-card-flag-emoji-top {
    font-size: 1.25rem !important;
    line-height: 1 !important;
    cursor: help !important;
    user-select: none !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) !important;
}

/* 3. Текстовые аккуратные статусы состояния в боди карточки */
.ungshop-isolated-app .brand-product-status-inline-line {
    display: block !important;
    height: 18px !important; /* Резервируем высоту, чтобы сетка цен не прыгала */
}

.ungshop-isolated-app .custom-status-label {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
    line-height: 1.3 !important;
}

/* Цвета для каждого типа статуса */
.ungshop-isolated-app .status-new {
    background-color: #ecfdf5 !important;
    color: #059669 !important; /* Благородный зеленый */
    border: 1px solid #a7f3d0 !important;
}

.ungshop-isolated-app .status-hot {
    background-color: #fef2f2 !important;
    color: #dc2626 !important; /* Насыщенный красный */
    border: 1px solid #fca5a5 !important;
}

.ungshop-isolated-app .status-sold {
    background-color: #f3f4f6 !important;
    color: #4b5563 !important; /* Сдержанный серый */
    border: 1px solid #d1d5db !important;
}
/* Дополнительный стиль цифры среднего рейтинга для витрины предложений */
.ungshop-isolated-app .showcase-avg-number-text {
    font-size: 11px !important;
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    font-weight: 700 !important;
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БАННЕРА АКЦИИ В ОФОРМЛЕНИИ ЗАКАЗА (CHECKOUT)
   ========================================================================== */

.checkout-promo-banner-box {
    background-color: #fffbeb !important; /* Очень мягкий, пастельный желто-кремовый фон доверия */
    border-color: #fef08a !important; /* Нежно-желтый контур */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

.checkout-promo-banner-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(239, 68, 68, 0.06) !important;
    border-color: #fde047 !important;
}

/* Верхний статус-бар плашки */
.promo-banner-top-bar {
    background-color: rgba(254, 240, 138, 0.4) !important;
}

/* Фиксированный контейнер под фото: защита от разрыва боковой панели по высоте */
.promo-banner-img-holder {
    width: 100% !important;
    height: 120px !important; /* Компактный строгий стандарт высоты для сайдбара */
    overflow: hidden !important;
}

.promo-banner-img-holder img {
    transition: opacity 0.2s ease-in-out !important;
}
.checkout-promo-banner-box:hover .promo-banner-img-holder img {
    opacity: 0.92 !important; /* Легкое смягчение при наведении */
}

/* Ограничение текста названия до 1 строки */
.promo-banner-title {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}
.text-truncate-1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Ограничение текста описания (summary) строго до 2 строк, хвост прячется за троеточием */
.promo-banner-description {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    color: #4b5563 !important;
}
.text-truncate-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Ссылочный призыв к действию */
.promo-banner-link-text {
    transition: transform 0.2s ease !important;
}
.checkout-promo-banner-box:hover .promo-banner-link-text {
    color: #ef4444 !important; /* Меняет цвет на красный при наведении на всю плашку */
}
.checkout-promo-banner-box:hover .promo-banner-link-text i {
    transform: translateX(2px) !important; /* Микро-сдвиг стрелочки вправо */
}

/* --- АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ (Экран телефона) --- */
@media (max-width: 767.98px) {
    /* На смартфонах сайдбар падает вниз, поэтому баннер можно сделать чуть шире и заметнее */
    .promo-banner-img-holder {
        height: 140px !important;
    }
    .promo-banner-description {
        font-size: 0.85rem !important;
    }
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 1.5: ШИРОКИЙ БАННЕР АКЦИЙ С ОТСТУПОМ
   ========================================================================== */
.ungshop-isolated-app .isolated-home-promo-delivery-card {
    background-color: #ffffff !important;
    width: 100% !important;
    display: block !important;
    position: relative;
    z-index: 4;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    /* 🔥 ЖЕСТКИЙ НИЖНИЙ ОТСТУП: отделяет блок акций от категорий ниже */
    margin-bottom: 24px !important;
}

/* Фиксированный контейнер под широкий баннер */
.ungshop-isolated-app .promo-home-wide-banner-holder {
    width: 100% !important;
    height: auto !important;
    max-height: 380px !important; /* Плотный широкоформатный размер для ПК */
    overflow: hidden !important;
}

.ungshop-isolated-app .promo-home-wide-banner-holder img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

/* Микро-зум баннера при наведении мыши на карточку */
.ungshop-isolated-app .isolated-home-promo-delivery-card:hover .promo-home-wide-banner-holder img {
    transform: scale(1.01) !important;
}

/* Нижняя текстовая подложка */
.ungshop-isolated-app .promo-home-info-bar {
    background-color: #ffffff !important;
}

/* Бейдж Акция */
.ungshop-isolated-app .home-promo-pill-badge {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.ungshop-isolated-app .home-promo-heading-text {
    font-size: 0.95rem !important;
    letter-spacing: -0.2px !important;
}

/* Машинка с прыжком */
.ungshop-isolated-app .icon-bounce-micro {
    font-size: 1.4rem !important;
    animation: microBounceKeyframe 2.5s infinite ease-in-out !important;
}

/* Кнопка */
.ungshop-isolated-app .btn-home-promo-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #212529 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    transition: all 0.2s ease-in-out !important;
    text-transform: uppercase !important;
}

.ungshop-isolated-app .btn-home-promo-trigger:hover {
    background-color: #8a2be2 !important; /* Наш фиолетовый */
    color: #ffff00 !important;            /* Желтый ховер */
    box-shadow: 0 4px 10px rgba(138, 43, 226, 0.25) !important;
}

@keyframes microBounceKeyframe {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* --- 📱 МОБИЛЬНАЯ АДАПТИВНОСТЬ ДЛЯ БАННЕРА --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-home-promo-delivery-card {
        margin-bottom: 16px !important; /* Чуть уменьшаем отступ на смартфонах */
        border-radius: 0px !important; /* На мобилках прижимаем к краям экрана */
        border-left: none !important;
        border-right: none !important;
    }

    .ungshop-isolated-app .promo-home-wide-banner-holder {
        max-height: 180px !important; /* На экранах телефонов баннер будет аккуратным и не займет весь дисплей */
    }

    .ungshop-isolated-app .home-promo-heading-text {
        font-size: 0.85rem !important;
        width: 100% !important;
    }

    .ungshop-isolated-app .btn-home-promo-trigger {
        width: 100% !important;
        padding: 11px 15px !important;
    }

    .ungshop-isolated-app .promo-delivery-countdown {
        width: 100% !important;
        border-top: 1px dashed #e5e7eb !important;
        padding-top: 8px !important;
    }
}

/* Разрешаем текстовой зоне расширяться вертикально на любую высоту */
.ungshop-isolated-app .promo-delivery-text-side {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: auto !important; /* Высота подстраивается под текст автоматически */
    width: 100% !important;
}

/* Описание акции: раскрывается полностью на сколько угодно строк */
.ungshop-isolated-app .promo-delivery-text-side .extreme-small-text {
    font-size: 0.8rem !important; /* Удобный для чтения компактный размер */
    line-height: 1.4 !important;
    color: #4b5563 !important;
    white-space: normal !important; /* Разрешаем браузеру переносить слова */
    word-break: break-word !important; /* Защита от длинных неразрывных ссылок */
    display: block !important;
    max-width: 100% !important;
}

/* --- МОБИЛЬНАЯ КОРРЕКТИРОВКА --- */
@media (max-width: 767.98px) {
    /* Включаем отображение описания на мобильных телефонах (ранее там стоял d-none d-md-block) */
    .ungshop-isolated-app .promo-delivery-text-side .extreme-small-text {
        display: block !important;
        font-size: 0.75rem !important;
        text-align: center !important; /* Центрируем для мобильного экрана */
        margin-top: 6px !important;
    }
}
/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 1.5: АКЦІЇ ДОСТАВКИ (ФИРМЕННЫЙ ЗАГОЛОВОК)
   ========================================================================== */
.ungshop-isolated-app .isolated-delivery-actions-wrapper {
    background-color: #ffffff !important;
    width: 100% !important;
    display: block !important;
    /* 🔥 ЖЕСТКИЙ ОТСТУП СНИЗУ: отдаляет блок доставки от категорий ниже */
    margin-bottom: 30px !important;
}

.ungshop-isolated-app .delivery-promo-title {
    font-size: 1.6rem !important;
    color: #111827 !important;
    font-weight: 900 !important;
}

/* Красный мини-бейдж АКЦИЯ в заголовке */
.ungshop-isolated-app .delivery-sale-badge-mini {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    margin-left: 5px !important;
    display: inline-block !important;
}

/* Анимация покачивания машинки */
.ungshop-isolated-app .delivery-icon-bounce {
    animation: deliveryMicroBounce 2.5s infinite ease-in-out !important;
}

/* Контейнер под широкий баннер */
.ungshop-isolated-app .delivery-promo-banner-holder {
    width: 100% !important;
    height: auto !important;
    max-height: 360px !important;
    overflow: hidden !important;
}
.ungshop-isolated-app .delivery-promo-banner-holder img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Текстовое описание: раскрывается полностью на любую высоту */
.ungshop-isolated-app .delivery-extreme-clean-text {
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* Кнопка "Подробнее" */
.ungshop-isolated-app .btn-delivery-promo-go {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #212529 !important; /* Угольно-черный контраст */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    padding: 10px 22px !important;
    border-radius: 30px !important;
    transition: all 0.2s ease-in-out !important;
    text-transform: uppercase !important;
}

.ungshop-isolated-app .btn-delivery-promo-go:hover {
    background-color: #8a2be2 !important; /* Наш фиолетовый */
    color: #ffff00 !important;            /* Желтый текст */
    box-shadow: 0 4px 12px rgba(138, 43, 226, 0.25) !important;
}

@keyframes deliveryMicroBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* --- 📱 МОБИЛЬНАЯ АДАПТИВНОСТЬ --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-delivery-actions-wrapper {
        margin-bottom: 16px !important;
        padding: 20px 0 !important;
    }

    .ungshop-isolated-app .delivery-promo-title { font-size: 1.3rem !important; }
    .ungshop-isolated-app .delivery-promo-main-card { border-radius: 0px !important; border-left: none !important; border-right: none !important; }
    .ungshop-isolated-app .delivery-promo-banner-holder { max-height: 160px !important; }

    .ungshop-isolated-app .delivery-extreme-clean-text { font-size: 0.8rem !important; text-align: center !important; }
    .ungshop-isolated-app .btn-delivery-promo-go { width: 100% !important; padding: 12px 20px !important; }
    .ungshop-isolated-app .delivery-promo-timer { width: 100% !important; border-top: 1px dashed #e5e7eb !important; padding-top: 10px !important; }
}

/* ==========================================================================
   ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ БЛОКА 4: ИНФОРМАЦИОННЫЙ И СЕО БЛОК
   ========================================================================== */
.ungshop-isolated-app .isolated-features-seo-wrapper {
    background-color: #f9fafb !important; /* Легкая нейтрально-серая подложка */
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    width: 100% !important;
    display: block !important;
}

/* Карточки преимуществ */
.ungshop-isolated-app .feature-premium-card {
    border-color: #e5e7eb !important;
    background-color: #ffffff !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
    will-change: transform, box-shadow;
}
.ungshop-isolated-app .feature-premium-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
}

/* Круглые щиты под иконки преимуществ */
.ungshop-isolated-app .feature-icon-shield {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.4rem !important;
}

/* Брендовые цветовые подтоны для иконок */
.ungshop-isolated-app .text-purple { background-color: #f3e8ff !important; color: #8a2be2 !important; }
.ungshop-isolated-app .text-emerald { background-color: #ecfdf5 !important; color: #10b981 !important; }
.ungshop-isolated-app .text-gold { background-color: #fef9c3 !important; color: #ca8a04 !important; }

.ungshop-isolated-app .feature-text-content p {
    line-height: 1.4 !important;
}

/* --- СТИЛИЗАЦИЯ СЕО БЛОКА "ПРО НАС" --- */
.ungshop-isolated-app .seo-about-company-box {
    border-color: #e5e7eb !important;
    background-color: #ffffff !important;
}

/* Фиолетовая декоративная линия перед СЕО заголовком */
.ungshop-isolated-app .seo-title-accent-line {
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    background-color: #8a2be2 !important; /* Наш фирменный фиолетовый */
    border-radius: 2px !important;
}

.ungshop-isolated-app .seo-about-company-box h2 {
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
}

/* Настройки отображения динамического СЕО текста из админки */
.ungshop-isolated-app .seo-dynamic-html-content {
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
}
.ungshop-isolated-app .seo-dynamic-html-content p {
    margin-bottom: 12px !important;
}
.ungshop-isolated-app .seo-dynamic-html-content p:last-child {
    margin-bottom: 0 !important;
}

/* --- 📱 МОБИЛЬНАЯ АДАПТИВНОСТЬ --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .isolated-features-seo-wrapper {
        padding: 35px 0 !important;
    }

    /* Перестраиваем иконки по центру на смартфонах */
    .ungshop-isolated-app .feature-premium-card {
        padding: 20px !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    .ungshop-isolated-app .seo-about-company-box {
        padding: 20px 15px !important;
    }

    .ungshop-isolated-app .seo-dynamic-html-content {
        font-size: 0.85rem !important;
        text-align: justify !important; /* Ровное распределение длинного текста на мобильном */
    }
}

/* ==========================================================================
   ИСПРАВЛЕННАЯ СЕТКА GRID ДЛЯ ДВУХ ПЛИТОК В ОДНУ ЛИНИЮ ПО ШИРИНЕ ЭКРАНА
   ========================================================================== */

/* Отступ слева с компенсацией ширины, чтобы блок не вываливался вправо */
.ungshop-isolated-app .ungshop-messengers-margin-shield {
    margin-left: 20px !important;
    width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
}

/* Монолитный Grid-ряд на всю ширину родительского виджета */
.ungshop-isolated-app .footer-messengers-capsule-row-horizontal {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Строго 2 равные колонки по 50% */
    gap: 16px !important; /* Фиксированный внутренний зазор */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Сброс мусорных стилей для колонок */
.ungshop-isolated-app .messenger-capsule-col {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}


/* Базовые стили плашек из Блока Цен Тижня */
.ungshop-isolated-app .promo-category-badge-card {
    width: 100% !important;
    border-radius: 12px !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease-in-out !important;
}

/* Viber пастельный фон */
.ungshop-isolated-app .messenger-card-viber {
    background-color: #f5f3ff !important;
    border: 1px solid #ddd6fe !important;
}
.ungshop-isolated-app .messenger-card-viber:hover {
    transform: translateY(-2px) !important;
    background-color: #7360f2 !important;
    border-color: #7360f2 !important;
}

/* Telegram пастельный фон */
.ungshop-isolated-app .messenger-card-tg {
    background-color: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
}
.ungshop-isolated-app .messenger-card-tg:hover {
    transform: translateY(-2px) !important;
    background-color: #0088cc !important;
    border-color: #0088cc !important;
}

/* Контейнер под картинку QR кода */
.ungshop-isolated-app .promo-badge-img-holder {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ungshop-isolated-app .promo-badge-img-holder img {
    max-width: 85% !important;
    max-height: 85% !important;
    object-fit: contain !important;
}

/* Название и тексты */
.ungshop-isolated-app .promo-badge-text-holder {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: 100% !important;
}

.ungshop-isolated-app .promo-badge-name {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin: 0 !important;
    transition: color 0.2s ease !important;
}
.ungshop-isolated-app .promo-category-badge-card:hover .promo-badge-name {
    color: #ffffff !important;
}

/* Бейджи-кнопки */
.ungshop-isolated-app .badge-count-promo {
    display: inline-block !important;
    font-size: 11px !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.ungshop-isolated-app .font-viber { background-color: #ddd6fe !important; color: #5b21b6 !important; }
.ungshop-isolated-app .font-telegram { background-color: #bae6fd !important; color: #0369a1 !important; }

.ungshop-isolated-app .messenger-card-viber:hover .font-viber { background-color: #ffffff !important; color: #7360f2 !important; }
.ungshop-isolated-app .messenger-card-tg:hover .font-telegram { background-color: #ffffff !important; color: #0088cc !important; }

/* --- 📱 МОБИЛЬНАЯ АДАПТИВНОСТЬ (Экраны до 767.98px) --- */
@media (max-width: 767.98px) {
    /* Сбрасываем маргин слева на смартфонах, чтобы не зажимать контент */
    .ungshop-isolated-app .ungshop-messengers-margin-shield {
        margin-left: 0 !important;
        width: 100% !important;
    }

    /* На смартфонах переключаем Grid в 1 колонку, чтобы плашки плавно легли друг под друга */
    .ungshop-isolated-app .footer-messengers-capsule-row-horizontal {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 10px !important;
    }
}

/* ==========================================================================
   ИНТЕГРИРОВАННЫЕ ЛОГОТИПЫ ДОСТАВКИ В КАРТОЧКЕ ПРЕИМУЩЕСТВ
   ========================================================================== */

.ungshop-isolated-app .feature-delivery-operators-inline-zone {
    border-top: 1px dashed #e5e7eb !important; /* Аккуратный разделитель */
}

/* Компактная капсула оператора доставки */
.ungshop-isolated-app .delivery-inline-mini-badge {
    background-color: #f9fafb !important;
    border-color: #e5e7eb !important;
    cursor: help !important;
    user-select: none !important;
    transition: all 0.2s ease !important;
}

.ungshop-isolated-app .delivery-inline-mini-badge:hover {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* Жесткий мини-контейнер под SVG-логотип службы */
.ungshop-isolated-app .delivery-mini-logo-holder {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 1px solid #f3f4f6 !important;
    padding: 2px !important;
}

.ungshop-isolated-app .delivery-mini-logo-holder img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important; /* Логотип сжимается пропорционально внутри рамок */
}

/* --- АДАПТИВНОСТЬ НА СМАРТФОНАХ --- */
@media (max-width: 767.98px) {
    /* На смартфонах карточка преимущества центрируется по вертикали */
    .ungshop-isolated-app .feature-premium-card {
        flex-direction: column !important;
    }
    .ungshop-isolated-app .delivery-inline-mini-badge {
        padding: 4px 10px !important; /* Увеличиваем зону для удобного просмотра на тач-экранах */
    }
}
/* ==========================================================================
   ИНТЕГРИРОВАННЫЕ ШЛЮЗЫ ОПЛАТЫ В КАРТОЧКЕ ПРЕИМУЩЕСТВ
   ========================================================================== */

.ungshop-isolated-app .feature-payment-gateways-inline-zone {
    border-top: 1px dashed #e5e7eb !important; /* Пунктирный разделитель */
}

/* Компактная капсула метода оплаты */
.ungshop-isolated-app .payment-inline-mini-badge {
    background-color: #f9fafb !important;
    border-color: #e5e7eb !important;
    cursor: help !important;
    user-select: none !important;
    transition: all 0.2s ease !important;
}

.ungshop-isolated-app .payment-inline-mini-badge:hover {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* Стилизация иконок внутри капсулы */
.ungshop-isolated-app .payment-mini-icon-holder i {
    line-height: 1 !important;
}

/* --- АДАПТИВНОСТЬ НА СМАРТФОНАХ --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .payment-inline-mini-badge {
        padding: 4px 10px !important; /* Удобный размер для кликов/тапов на мобильных */
    }
}
/* ==========================================================================
   ИНТЕГРИРОВАННЫЕ ЗНАКИ КАЧЕСТВА В КАРТОЧКЕ ПРЕИМУЩЕСТВ
   ========================================================================== */

.ungshop-isolated-app .feature-quality-standards-inline-zone {
    border-top: 1px dashed #e5e7eb !important; /* Пунктирный разделитель */
}

/* Компактная капсула знака качества */
.ungshop-isolated-app .quality-inline-mini-badge {
    background-color: #f9fafb !important;
    border-color: #e5e7eb !important;
    cursor: help !important;
    user-select: none !important;
    transition: all 0.2s ease !important;
}

.ungshop-isolated-app .quality-inline-mini-badge:hover {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

/* Стилизация иконок и букв внутри капсулы */
.ungshop-isolated-app .quality-mini-icon-holder {
    line-height: 1 !important;
}

/* --- АДАПТИВНОСТЬ НА СМАРТФОНАХ --- */
@media (max-width: 767.98px) {
    .ungshop-isolated-app .quality-inline-mini-badge {
        padding: 4px 10px !important; /* Крупный тач-таргет для мобильных экранов */
    }
}

/* ==========================================================================
   UngShop Wide-Banner Layout & Intuitive Logic Colors Style Guide
   ========================================================================== */

/* Блок главного заголовка страницы */
.ung-actions-header-box {
    margin-top: 35px !important;    /* Добавили больше отступа от верхних блоков/меню */
    margin-bottom: 40px !important; /* Увеличили отступ снизу до карточек акций */
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
}

.ung-actions-main-title {
    font-size: 24px !important;     /* 🌟 Сделали крупнее (было 18px) */
    font-weight: 800 !important;     /* Сделали шрифт еще плотнее и солиднее */
    color: #0f172a !important;       /* Более глубокий темный цвет для отличной читаемости */
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 12px;                       /* Чуть увеличили расстояние между иконкой и текстом */
    letter-spacing: -0.5px;          /* Модный легкий зажим для крупных заголовков */
    line-height: 1.3 !important;
}

.ung-actions-main-title i {
    color: #0f766e;                 /* Наша фирменная бирюза */
    font-size: 26px !important;     /* 🌟 Иконку тоже пропорционально увеличили */
    filter: drop-shadow(0 2px 4px rgba(15, 118, 110, 0.15)); /* Добавили иконке легкий объем */
}

/* Адаптивность для мобильных телефонов (чтобы крупный текст не ломал экран) */
@media (max-width: 576px) {
    .ung-actions-main-title {
        font-size: 19px !important;
        gap: 8px;
    }
    .ung-actions-main-title i {
        font-size: 21px !important;
    }
    .ung-actions-header-box {
        margin-bottom: 25px !important;
    }
}

/* 🌟 КАРТОЧКА С ВЕРХНИМ ШИРОКОФОРМАТНЫМ БАННЕРОМ */
.ung-single-action-card.dynamic-banner-layout {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;      /* Сделали закругления чуть больше для баннеров */
    padding: 0 !important;    /* Обнуляем отступы карточки, чтобы баннер прижался к краям */
    margin-bottom: 35px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
    overflow: hidden;         /* Срезает углы у баннера по радиусу карточки */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ung-single-action-card.dynamic-banner-layout:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    border-color: #cbd5e1;
}

/* 🖼️ Контейнер баннера */
.action-card-banner-wrapper {
    position: relative;
    width: 100%;
    /* Высота автоматически подстраивается под пропорции вашего широкоформатного баннера */
    height: auto;
    max-height: 380px;
    background: #f8fafc;
    border-bottom: 1px solid #f1f5f9;
    overflow: hidden;
}

.action-card-full-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Заполняет всю ширину и высоту без растяжения */
    display: block;
    transition: transform 0.4s ease;
}

.ung-single-action-card.dynamic-banner-layout:hover .action-card-full-img {
    transform: scale(1.02); /* Легкий интерактивный наезд при ховере */
}

/* 🟢🔴 ИНТУИТИВНО-ЛОГИЧЕСКИЕ ПЛАВАЮЩИЕ БЕЙДЖИ ПОВЕРХ БАННЕРА */
.ung-status-floating-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
}

/* Активно = Свежий чистый зеленый (Ассоциация: Безопасно, Действует, Едем) */
.badge-logic-active {
    background-color: #22c55e !important;
    color: #ffffff !important;
}

/* Пульсирующая точка для живого эффекта активной акции */
.badge-logic-active .pulse-dot {
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    animation: ungPulse 1.5s infinite;
}

/* Завершено = Глубокий темно-серый/красный (Ассоциация: Стоп, Закрыто) */
.badge-logic-expired {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Внутренние падинги для контента под баннером */
.action-card-inner-padding {
    padding: 24px;
}

/* Заголовок акции */
.action-card-header-row {
    margin-bottom: 16px;
}

.action-card-banner-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.4;
}

/* Блок мета-данных (Даты и Аннотация) */
.action-card-meta-row {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
}

/* Сетка плашек времени */
.action-timeline-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.logic-date-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

/* Старт = Мягкий пастельно-зеленый (Логика: Начало, Разрешено) */
.logic-date-pill.pill-green {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

/* Финиш = Мягкий пастельно-красный (Логика: Срок истекает, Стоп) */
.logic-date-pill.pill-red {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* 🔵 Краткое описание акции (Логика: Информационный сине-голубой фон) */
.action-card-summary-box {
    display: flex;
    gap: 12px;
    background: #f0f9ff; /* Нежно-голубая инфо-подложка */
    border: 1px solid #e0f2fe;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    color: #0369a1; /* Глубокий синий читаемый текст */
    line-height: 1.5;
}

.summary-icon-side {
    font-size: 16px;
    color: #0ea5e9; /* Яркая инфо-иконка */
    line-height: 1;
    margin-top: 2px;
}

.summary-text-side {
    flex-grow: 1;
    font-weight: 500;
}

/* Подвал карточки (HTML описание из CKEditor/админки) */
.action-card-footer.html-description-output {
    border-top: 1px dashed #e2e8f0;
    padding-top: 16px;
    font-size: 14.5px;
    color: #334155;
    line-height: 1.6;
}

/* Анимация пульсации зеленой точки */
@keyframes ungPulse {
    0% { transform: scale(0.9); opacity: 0.6; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.6; }
}

/* Пагинация страниц */
.ung-actions-pagination-wrapper {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

/* ==========================================================================
   UngShop Modern Minimalist Call Manager Component
   ========================================================================== */

/* Обертка блока (переопределяем старый single-info под свежий стиль) */
.single-info.ung-manager-info-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
    position: relative;
}

.single-info.ung-manager-info-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(15, 118, 110, 0.04) !important;
    border-color: #ccfbf1 !important; /* Нежное мятное свечение границ */
}

/* Стилизация иконки */
.single-info.ung-manager-info-box .manager-icon {
    font-size: 22px !important;
    color: #0f766e !important; /* Наша фирменная бирюза вместо старого цвета */
    background: #f0fdf4 !important; /* Легкая пастельная подложка */
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid #ccfbf1;
    margin-bottom: 12px;
}

/* Главный заголовок */
.single-info.ung-manager-info-box .title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
}

/* Подзаголовок */
.single-info.ung-manager-info-box .title.subtitle-manager {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-bottom: 14px !important;
}

/* Список и ссылка телефона */
.manager-phone-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.manager-phone-item {
    padding: 0 !important;
    margin: 0 !important;
}

.manager-phone-link {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0f766e !important; /* Бирюзовый акцент на цифрах */
    text-decoration: none !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important; /* Современный моноширинный шрифт */
    transition: color 0.15s ease !important;
    display: inline-block;
}

.manager-phone-link:hover {
    color: #115e59 !important; /* Мягкое потемнение при наведении */
}

/* Заглушка на случай пустого поля */
.manager-phone-placeholder {
    font-size: 14px !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    font-style: italic !important;
}
/* ==========================================================================
   UngShop Modern Social Networks Panel Styles
   ========================================================================== */

/* Обертка блока (в тон карточки менеджера) */
.single-info.ung-socials-info-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
}

.single-info.ung-socials-info-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(15, 118, 110, 0.04) !important;
    border-color: #ccfbf1 !important;
}

/* Главная иконка блока */
.single-info.ung-socials-info-box .socials-main-icon {
    font-size: 20px !important;
    color: #0f766e !important;       /* Наша фирменная бирюза */
    background: #f0fdf4 !important;  /* Пастельная мята */
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid #ccfbf1;
    margin-bottom: 12px;
}

/* Заголовки */
.single-info.ung-socials-info-box .title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
}

.single-info.ung-socials-info-box .title.subtitle-socials {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
}

/* Сетка круглых кнопок */
.ung-socials-grid {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Базовый стиль круглой кнопки соцсети */
.social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid transparent !important;
}

/* Пастельные индивидуальные ховеры для каждой соцсети */
/* 🟣 Viber (Мягкий пастельный лавандовый вместо фиолетового) */
.btn-viber, .btn-viber-group {
    background: #f5f3ff !important;
    color: #6d28d9 !important;
}
.btn-viber:hover, .btn-viber-group:hover {
    background: #6d28d9 !important;
    color: #ffffff !important;
}

/* 🔵 Telegram (Мягкий пастельно-голубой) */
.btn-telegram {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}
.btn-telegram:hover {
    background: #0369a1 !important;
    color: #ffffff !important;
}

/* 🔴 Instagram (Нежная пудровая роза) */
.btn-instagram {
    background: #fff1f2 !important;
    color: #be123c !important;
}
.btn-instagram:hover {
    background: #be123c !important;
    color: #ffffff !important;
}

/* 🔵 Facebook (Пастельно-синий) */
.btn-facebook {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}
.btn-facebook:hover {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}
/* ==========================================================================
   UngShop Modern Contact Info Boxes (Email & Address)
   ========================================================================== */

/* Универсальная обертка для инфоблока (Email, Телефон, Адрес) */
.single-info.ung-manager-info-box,
.single-info.ung-socials-info-box,
.single-info.ung-contact-info-box {
    /* 🌟 ГЛАВНЫЙ ФИКС ШИРИНЫ: Растягиваем блок на всю ширину col-lg-4 */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
    position: relative;
    margin-bottom: 20px !important; /* Отступ снизу между блоками, если их несколько */
}

/* Эффект наведения */
.single-info.ung-manager-info-box:hover,
.single-info.ung-socials-info-box:hover,
.single-info.ung-contact-info-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(15, 118, 110, 0.04) !important;
    border-color: #ccfbf1 !important;
}

/* Круглый мятный бокс для иконки (центрируем внутри себя) */
.single-info.ung-manager-info-box .manager-icon,
.single-info.ung-socials-info-box .socials-main-icon,
.single-info.ung-contact-info-box .contact-main-icon {
    font-size: 22px !important;
    color: #0f766e !important;
    background: #f0fdf4 !important;
    width: 46px !important;
    height: 46px !important;

    /* Иконка внутри бокса всегда по центру */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;
    border: 1px solid #ccfbf1 !important;
    margin-bottom: 14px !important;
}

/* Выравнивание ссылок телефонов */
.manager-phone-link {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f766e !important;
    text-decoration: none !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    transition: color 0.15s ease !important;

    /* Разрешаем ссылке занимать правильный объем */
    display: inline-block !important;
}

/* Списки и элементы значений */
.contact-data-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.contact-data-item {
    padding: 0 !important;
    margin: 0 !important;
}

/* Кликабельная ссылка для Email */
.contact-data-link {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f766e !important; /* Бирюзовый акцент */
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    display: inline-block;
}

.contact-data-link:hover {
    color: #115e59 !important; /* Потемнение при наведении */
}

/* Текстовое значение для Адреса */
.contact-text-value {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #334155 !important; /* Читаемый графитовый */
    line-height: 1.5 !important;
}

/* ==========================================================================
   UngShop Modern Promo Cards (Viber & Telegram Channels UI)
   ========================================================================== */

/* 🟣 VIBER PROMO CARD (Обновлено под мятно-бирюзовый стиль) */
.viber-promo-card {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 25px !important;
    border: 1px solid #ccfbf1 !important; /* Нежно-мятная рамка вместо фиолетовой */
    max-width: 280px !important;
    margin: 10px auto !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(15, 118, 110, 0.03) !important; /* Мягкая тень */
}

.viber-label {
    display: block !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1e293b !important; /* Глубокий графит для читаемости текста */
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}

/* Обертки QR-кодов */
.viber-qr-render,
.viber-qr-wrapper {
    display: inline-block !important;
    background: #ffffff !important;
    padding: 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin-bottom: 15px !important;
}

.viber-qr-render svg,
.viber-qr-img {
    display: block !important;
    width: 160px !important;
    height: 160px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border-radius: 6px !important;
}

.viber-qr-text {
    margin-top: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important; /* Приглушенный стальной серый */
}

/* Кнопка-ссылка Viber (Ваша новая благородная бирюза) */
/* Кнопка-ссылка Viber (💥 ВОЗВРАЩЕН СТАНДАРТНЫЙ ФИРМЕННЫЙ ЦВЕТ ВАЙБЕРА) */
.viber-btn-inline,
.viber-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #7360f2 !important; /* Родной фиолетовый цвет Viber */
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(115, 96, 242, 0.25) !important; /* Фиолетовая тень */
}

.viber-button {
    border-radius: 50px !important; /* Круглая версия кнопки, если используется */
}

/* Эффект наведения (Hover) для кнопок Вайбера */
.viber-btn-inline:hover,
.viber-button:hover {
    background-color: #5d4dbd !important; /* Узнаваемое глубокое затемнение при наведении */
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(115, 96, 242, 0.4) !important;
}

.viber-btn-inline i,
.viber-btn-inline img {
    margin-right: 8px !important;
    filter: brightness(0) invert(1) !important; /* Оставляет логотип чисто белым */
}

.viber-button span {
    margin-left: 10px !important;
}


/* 🔵 TELEGRAM PROMO CARD (Обновлено под пастельно-небесный стиль) */
.tg-promo-card {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 25px !important;
    border: 1px solid #bae6fd !important; /* Нежно-голубая рамка */
    max-width: 280px !important;
    margin: 10px auto !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(38, 165, 228, 0.04) !important;
}

.tg-label {
    display: block !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #1e293b !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}

.tg-qr-wrapper {
    margin-bottom: 15px !important;
}

.tg-qr-render {
    display: inline-block !important;
    background: #ffffff !important;
    padding: 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
}

.tg-qr-render svg {
    display: block !important;
    width: 160px !important; /* Сбалансировали размер с Viber до 160px */
    height: 160px !important;
    margin: 0 auto !important;
}

.tg-qr-text {
    margin-top: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

/* Кнопка-ссылка Telegram (Чистый небесно-голубой) */
.tg-btn-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0ea5e9 !important; /* Красивый небесный цвет */
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15) !important;
}

.tg-btn-inline:hover {
    background-color: #0284c7 !important; /* Глубокий синий при наведении */
    box-shadow: 0 6px 15px rgba(14, 165, 233, 0.25) !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   UngShop Modern Promo Actions Feedback Form Styles
   ========================================================================== */
.ung-feedback-container {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
}

.ung-feedback-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 6px !important;
}

.ung-feedback-title i {
    color: #0f766e !important; /* Наша бирюза */
}

.ung-feedback-subtitle {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Стилизация полей ввода Float Labels (Bootstrap 5) */
.ung-form-input,
.ung-form-textarea {
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 14.5px !important;
    color: #334155 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Фокус на инпутах (Мятное неоновое подсвечивание) */
.ung-form-input:focus,
.ung-form-textarea:focus {
    background-color: #ffffff !important;
    border-color: #0f766e !important;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1) !important;
    outline: none !important;
}

/* Кнопка отправки */
.ung-feedback-submit-btn {
    background-color: #0f766e !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.2) !important;
}

.ung-feedback-submit-btn:hover {
    background-color: #115e59 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(15, 118, 110, 0.3) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   UngShop About Us Page Layout & Components Styles
   ========================================================================== */
.ung-about-section-wrapper {
    background: transparent;
    padding: 30px 0 60px 0;
}

/* Приветственный заголовок */
.ung-about-welcome-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
}

.ung-about-welcome-title .ung-brand-highlight {
    color: #0f766e !important; /* Фирменная бирюза */
}

/* Вывод HTML текста компании из админки */
.ung-about-html-output {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
}

.ung-about-html-output p {
    margin-bottom: 16px !important;
}

/* Заголовок сайдбара мессенджеров */
.ung-sidebar-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.3px;
}

/* Кнопка Блог (Фирменная залитая мята) */
.btn.ung-btn-mint {
    background-color: #0f766e !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.15) !important;
}

.btn.ung-btn-mint:hover {
    background-color: #115e59 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.25) !important;
}

/* Кнопка Контакты (Контурная бирюза) */
.btn.ung-btn-teal-outline {
    background-color: #ffffff !important;
    color: #0f766e !important;
    border: 1px solid #0f766e !important;
    border-radius: 10px !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out !important;
}

.btn.ung-btn-teal-outline:hover {
    background-color: #f0fdf4 !important; /* Легкий мятный ховер */
    color: #115e59 !important;
    border-color: #115e59 !important;
    transform: translateY(-1px);
}

/* Адаптивность текста заголовка на смартфонах */
@media (max-width: 576px) {
    .ung-about-welcome-title {
        font-size: 20px !important;
    }
    .ung-about-actions-btn-group {
        justify-content: center; /* Центрируем кнопки на мобильных */
    }
    .btn.ung-btn-mint,
    .btn.ung-btn-teal-outline {
        width: 100%; /* Кнопки во всю ширину экрана смартфона */
        text-align: center;
    }
}
/* ==========================================================================
   UngShop Premium HTML Content Frame Box
   ========================================================================== */
.ung-html-frame-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #0f766e !important; /* Наш фирменный бирюзовый маркер */
    border-radius: 12px !important;
    padding: 24px 30px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02) !important;
    position: relative;
    overflow: hidden;
}

/* Настройка типографики внутри кастомного HTML вывода */
.ung-about-html-output {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
}

/* Абзацы текста */
.ung-about-html-output p {
    margin-bottom: 16px !important;
}
.ung-about-html-output p:last-child {
    margin-bottom: 0 !important;
}

/* Стилизация списков, если они есть в описании */
.ung-about-html-output ul,
.ung-about-html-output ol {
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    padding-left: 20px !important;
}

.ung-about-html-output ul li {
    list-style-type: cubic-bezier !important;
    position: relative;
    margin-bottom: 8px !important;
}

/* Выделение сильных акцентов (Strong / Bold) в мятный цвет */
.ung-about-html-output strong,
.ung-about-html-output b {
    color: #0f766e !important;
    font-weight: 700 !important;
}

/* Красивое оформление заголовков, если админ добавил их внутрь текста */
.ung-about-html-output h1,
.ung-about-html-output h2,
.ung-about-html-output h3,
.ung-about-html-output h4 {
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}
.ung-about-html-output h4 { font-size: 16px !important; }

/* Адаптивность отступов для мобильных экранов */
@media (max-width: 576px) {
    .ung-html-frame-box {
        padding: 16px 20px !important; /* Меньше падингов на смартфонах */
    }
}

/* ==========================================================================
   UngShop Modern Premium Mint & Teal Reviews Page Styles
   ========================================================================== */

/* Обертка шапки страницы отзывов (Заменен antiquewhite на пастельный мятно-голубой) */
.ung-reviews-header-panel {
    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 100%) !important;
    border: 1px solid #ccfbf1;
    box-shadow: 0 4px 15px rgba(15, 118, 110, 0.02);
}

.ung-reviews-header-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f766e !important; /* Наша бирюза */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ung-reviews-header-subtitle {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
}

/* 🌟 КРАСИВЫЙ КОНТЕЙНЕР ОТЗЫВОВ СО СКРОЛЛОМ */
.ung-reviews-scroll-container {
    display: block;
    overflow-y: auto !important;
    height: 650px;
    max-height: 700px;
    padding-right: 10px; /* Зазор справа, чтобы текст не лип к скроллбару */
}

/* Кастомизация полосы прокрутки ленты отзывов под мятный тон */
.ung-reviews-scroll-container::-webkit-scrollbar {
    width: 5px;
}
.ung-reviews-scroll-container::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 10px;
}
.ung-reviews-scroll-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.ung-reviews-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #0f766e;
}

/* Карточка одиночного отзыва */
.ung-review-card-item {
    background: #ffffff;
    border-bottom: 1px dashed #e2e8f0 !important;
    padding: 20px 0 !important;
    margin-bottom: 5px;
}

.ung-review-card-item:last-child {
    border-bottom: none !important;
}

/* Имя и фото автора */
.p-review-author-name {
    font-size: 14px !important;
    color: #1e293b !important;
}

.p-review-author-photo-box img {
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Маленький аккуратный числовой индикатор оценки */
.rate-count-badge {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
}

/* Цвет закрашенных золотых звёздочек */
.ung-rating-stars-list .star-active {
    color: #f59e0b !important; /* Насыщенный янтарно-желтый */
}
/* ==========================================================================
   UngShop Modern Interactive Star Rating & Feedback Form Styles
   ========================================================================== */

/* Заголовок формы */
.ung-review-form-header-box {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 10px;
}

.ung-review-form-main-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    margin: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
}

.ung-review-form-main-title i {
    color: #0f766e; /* Наша бирюза */
}

.star-head-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

/* 🌟 ИНТЕРАКТИВНЫЙ МАГИЧЕСКИЙ БЛОК ЗВЕЗД НА CSS */
.ung-stars-radio-group {
    display: inline-flex !important;
    flex-direction: row-reverse !important; /* Разворачиваем ряд, чтобы работал селектор тильды ~ */
    justify-content: flex-end !important;
    gap: 4px !important;
}

/* Прячем дефолтные круглые радио-кнопки */
.star-radio-input {
    display: none !important;
}

/* Базовый цвет пустой серой звезды */
.star-radio-label {
    font-size: 24px !important;
    color: #cbd5e1 !important; /* Светло-серый */
    cursor: pointer !important;
    transition: color 0.15s ease-in-out !important;
}

/* 🌟 ЭФФЕКТ ХОВЕРА: Окрашиваем текущую звезду и все ПРЕДЫДУЩИЕ перед ней в золото */
.star-radio-label:hover,
.star-radio-label:hover ~ .star-radio-label,
.star-radio-input:checked ~ .star-radio-label {
    color: #f59e0b !important; /* Красивый янтарно-золотой */
}

/* Чуть приглушаем яркость остальных звезд при наведении, создавая глубину */
.ung-stars-radio-group:hover .star-radio-label {
    color: #cbd5e1 !important;
}
.ung-stars-radio-group .star-radio-label:hover,
.ung-stars-radio-group .star-radio-label:hover ~ .star-radio-label {
    color: #f59e0b !important;
}

/* Заглушка для гостей */
.ung-guest-review-placeholder {
    background: #f8fafc !important;
    border: 2px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.01) !important;
}
/* ==========================================================================
   UngShop Modern Social Media Auth Buttons (Google & Facebook)
   ========================================================================== */
.ung-social-login-wrapper {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
}

.social-login-text {
    font-size: 13px !important;
    color: #64748b !important; /* Спокойный серый цвет */
    margin-bottom: 10px !important;
    font-weight: 500 !important;
}

.social-login-text strong {
    color: #0f766e !important; /* Наша бирюза */
    font-weight: 700 !important;
}

/* Строка кнопок */
.social-login-buttons-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

/* Базовый стиль круглой кнопки авторизации */
.social-login-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid transparent !important;
}

/* 🔴 Стили для Google (Пастельный красный) */
.btn-google-color {
    background-color: #fef2f2 !important;
    color: #ef4444 !important;
    border-color: #fee2e2 !important;
}
.btn-google-color:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2) !important;
}

/* 🔵 Стили для Facebook (Пастельно-синий) */
.btn-facebook-color {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
    border-color: #dbeafe !important;
}
.btn-facebook-color:hover {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 10px rgba(29, 78, 216, 0.2) !important;
}
/* ==========================================================================
   UngShop Maps Section & Modern Bootstrap 5 Modals Style Guide
   ========================================================================== */

/* Контейнер интерактивной карты */
.ung-map-container {
    width: 100% !important;
    height: 420px !important; /* Фиксированная комфортная высота для ПК */
    background: #f8fafc;
    overflow: hidden;
    border-color: #e2e8f0 !important;
}

/* Современные премиальные модальные окна */
.ung-modal-premium {
    border: none !important;
    border-radius: 16px !important; /* Мягкие скругленные углы */
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
    padding: 10px !important;
}

/* Круглые пастельные боксы для иконок внутри модальных окон */
.ung-modal-icon-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    font-size: 28px !important;
}

/* Кнопка закрытия окон крестиком (Bootstrap 5 нативный сброс) */
.ung-modal-premium .btn-close {
    font-size: 14px;
    padding: 0;
    margin: 0;
    box-shadow: none !important;
}
.bc-ung-count-pill-green {
    background: #22c55e !important; /* Насыщенный сочный зеленый */
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 1px 7px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    margin-left: 4px !important;
    border: 1px solid #bbf7d0 !important;
    display: inline-block !important;
}

/* Адаптивность карты для экранов телефонов */
@media (max-width: 576px) {
    .ung-map-container {
        height: 280px !important; /* Уменьшаем высоту карты на смартфонах */
    }
}

/* ==========================================================================
   UngShop Premium Mint & Teal Modern Blog Grid Styles
   ========================================================================== */

/* Карточка бренда Facebook вверху блога */
.ung-fb-profile-brand-card {
    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 100%) !important;
    border-color: #ccfbf1 !important;
}

/* Кнопка "Читати у Facebook" (Пастельное золото/песок) */
.ung-fb-follow-btn {
    background-color: #fef08a !important; /* Нежно-желтый */
    color: #1e293b !important;
    border: 1px solid #fde047 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    transition: all 0.2s ease-in-out !important;
}

.ung-fb-follow-btn:hover {
    background-color: #1d4ed8 !important; /* Фирменный синий Facebook при наведении */
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2) !important;
}

/* 🌟 КАРТОЧКА НОВОГО ПРЕМИАЛЬНОГО БЛОГА */
.ung-premium-blog-card {
    background: #ffffff;
    border-color: #e2e8f0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.ung-premium-blog-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(15, 118, 110, 0.05) !important;
    border-color: #ccfbf1 !important; /* Мятный фокус границ */
}

/* Интерактивный наезд изображения при наведении на карточку */
.ung-premium-blog-card:hover .blog-img-wrapper img {
    transform: scale(1.03);
}

/* Подсветка заголовков при ховере */
.hover-teal:hover {
    color: #0f766e !important; /* Наша бирюза */
}

/* Кнопка ссылки Читати далі */
.ung-blog-more-btn {
    display: inline-flex;
    align-items: center;
    transition: color 0.15s ease;
}

.ung-blog-more-btn i {
    font-size: 16px;
    transition: transform 0.15s ease;
}

.ung-premium-blog-card:hover .ung-blog-more-btn {
    color: #115e59 !important; /* Затемнение при ховере */
}

.ung-premium-blog-card:hover .ung-blog-more-btn i {
    transform: translateX(3px); /* Стрелочка слегка уезжает вправо, создавая объем */
}

/* ==========================================================================
   UngShop Modern SEO H1 Heading Styles
   ========================================================================== */
.ung-fb-main-title-box {
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 16px;
    margin-top: 10px;
}

.ung-fb-page-h1-title {
    font-size: 22px !important;    /* Крупный, но элегантный журнальный размер */
    font-weight: 800 !important;   /* Плотное, премиальное начертание */
    color: #0f172a !important;     /* Глубокий темный графит для отличного контраста */
    line-height: 1.4 !important;
    margin: 0 !important;
    letter-spacing: -0.5px;
}

/* Иконка верификации (галочка) в заголовке */
.ung-fb-page-h1-title i {
    color: #0f766e !important;    /* Наша фирменная благородная бирюза */
    font-size: 24px !important;
    vertical-align: -2px;
}

/* Адаптивность для мобильных телефонов */
@media (max-width: 576px) {
    .ung-fb-page-h1-title {
        font-size: 17px !important; /* Автоматически уменьшаем заголовок на смартфонах */
    }
    .ung-fb-page-h1-title i {
        font-size: 19px !important;
    }
    .ung-fb-main-title-box {
        padding-bottom: 12px;
        margin-bottom: 20px !important;
    }
}
/*### 🎨 Эффект фиксации при скролле (Sticky Sidebar)*/
/*Чтобы правый инфоблок на ПК не улетал наверх, а красиво «прилипал» к экрану во время прокрутки длинного списка постов, добавьте этот селектор в ваш файл **`ungshop.css`**:*/
/*###*/
/*@media (min-width: 992px) {*/
/*    .ung-blog-sidebar-sticky {*/
/*        position: sticky !important;*/
/*        top: 25px !important; !* Отступ от верхнего края экрана при залипании *!*/
/*        z-index: 100;*/
/*    }*/
/*}*/

/* ==========================================================================
   UngShop Modern Circular Footer Logo
   ========================================================================== */

/* Контейнер-обертка для создания идеального круга */
.footer-logo-area .footer-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 65px !important;  /* Жестко заданная ширина круга */
    height: 65px !important; /* Жестко заданная высота круга */
    background-color: #ffffff !important; /* Белая подложка, чтобы логотип выделялся */
    border-radius: 50% !important;        /* Превращаем в идеальный круг */
    border: 2px solid #ccfbf1 !important;  /* Нежно-мятный ободок в тон нашей палиитре */
    overflow: hidden !important;          /* Обрезаем картинку по контуру круга */
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important; /* Легкая тень */
    transition: all 0.25s ease-in-out !important;
}

/* Эффект при наведении на круглый логотип */
.footer-logo-area .footer-logo-link:hover {
    transform: scale(1.04) rotate(3deg) !important; /* Микро-поворот для динамики */
    border-color: #0f766e !important;               /* Ободок загорается нашей бирюзой */
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.15) !important;
}

/* Контейнер-обертка для создания идеального круга */
/* Сама картинка внутри круглого контейнера */
.footer-logo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Намертво защищает от сплющивания и растягивания */
    display: block !important;
}

/* Круглые пастельно-темные иконки соцсетей в футере */
.footer-social-inline-row {
    gap: 8px !important;
}

.footer-inline-social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Легкий полупрозрачный фон */
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Интерактивные ховеры для футера */
.footer-inline-social-link.viber-personal:hover,
.footer-inline-social-link.viber-group:hover {
    background: #7360f2 !important; /* Родной цвет Viber */
    color: #ffffff !important;
    border-color: #7360f2 !important;
    box-shadow: 0 4px 12px rgba(115, 96, 242, 0.3) !important;
}

.footer-inline-social-link.telegram-link:hover {
    background: #0ea5e9 !important; /* Небесный Telegram */
    color: #ffffff !important;
    border-color: #0ea5e9 !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;
}

.footer-inline-social-link.instagram-link:hover {
    background: #be123c !important; /* Розовая роза */
    color: #ffffff !important;
    border-color: #be123c !important;
    box-shadow: 0 4px 12px rgba(190, 18, 60, 0.3) !important;
}

.footer-inline-social-link.facebook-link:hover {
    background: #1d4ed8 !important; /* Синий Facebook */
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.3) !important;
}


/* Круглый премиальный логотип */
.ung-header-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 55px !important;
    height: 55px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    border: 2px solid #ccfbf1 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
}
.ung-header-logo-link:hover {
    transform: scale(1.04) rotate(2deg) !important;
    border-color: #0f766e !important;
}
.ung-header-logo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Поисковая строка (Базовая модель капсулы) */
.ung-header-search-bar-box {
    position: relative !important;
    max-width: 550px;
    width: 100%;
}
.ung-search-input-field {
    border: 2px solid #e2e8f0 !important;
    border-radius: 30px !important;
    padding: 10px 50px 10px 20px !important;
    font-size: 14px !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    transition: all 0.2s ease-in-out !important;
    height: 44px !important;
}
.ung-search-input-field:focus {
    background-color: #ffffff !important;
    border-color: #0f766e !important;
    box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.1) !important; /* Малиновый фокус */
    outline: none !important;
}
.ung-search-submit-action-btn {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%) !important;
    background: #0f766e !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: all 0.2s !important;
    z-index: 5;
}
.ung-search-submit-action-btn:hover {
    background: #115e59 !important;
    transform: translateY(-50%) scale(1.05) !important;
}

/* Капсулы кнопок Избранного, Корзины и Входа */
.ung-nav-action-btn-pill {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    font-size: 19px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-wishlist-action { background: #fdf2f8 !important; color: #db2777 !important; border: 1px solid #fbcfe8 !important; }
.btn-wishlist-action:hover { background: #db2777 !important; color: #fff !important; }
.btn-cart-action { background: #f0fdf4 !important; color: #0f766e !important; border: 1px solid #ccfbf1 !important; }
.btn-cart-action:hover { background: #0f766e !important; color: #fff !important; }
.btn-guest-login-action { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }
.btn-guest-login-action:hover { background: #475569 !important; color: #fff !important; }

/* Индикаторы количества товаров над капсулами */
.ung-nav-action-btn-pill .action-badge-count {
    position: absolute;
    top: -5px;
    right: -5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    line-height: 1;
}
.bg-sky-blue { background-color: #db2777 !important; }
.bg-emerald-mint { background-color: #22c55e !important; }



/* --------------------------------------------------------------------------
   3. 📱 СТИЛИ ДЛЯ СМАРТФОНОВ И ПЛАНШЕТОВ (ЭКРАНЫ ДО 991px И МЕНЬШЕ)
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    /* Поисковая строка во весь экран на второй строчке */
    .ung-header-search-bar-box {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important; /* Выдавливает инпут на вторую строку */
        margin-top: 10px !important;  /* Зазор от Логотипа и Корзины сверху */
        padding: 0 2px !important;
    }

    /* Оптимизированный размер инпута под палец на смартфоне */
    .ung-search-input-field {
        height: 40px !important;
        font-size: 13px !important;
        padding-left: 16px !important;
    }
    .ung-search-submit-action-btn {
        width: 32px !important;
        height: 32px !important;
    }

    /* Мобильное бургер-меню (Ссылки вертикальной стопкой) */
    .ung-navbar-links-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 12px 6px !important;
        background-color: #f8fafc;
        border-radius: 10px;
        border: 1px solid #e2e8f0;
    }

    .ung-main-nav-link-item {
        font-size: 14px !important;
        font-weight: 700;
        color: #334155 !important;
        text-decoration: none !important;
        display: flex !important;
        padding: 10px 12px !important;
        border-radius: 6px;
    }

    .ung-main-nav-link-item:hover, .ung-main-nav-link-item.is-active {
        background-color: #fdf2f8 !important; /* Малиновая пудровая подложка активного пункта */
        color: #db2777 !important;
    }
}

/* Анимация плавного выезда липкой панели */
@keyframes ungHeaderSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}


.top-social-circle-link.btn-viber, .top-social-circle-link.btn-viber-group { color: #7360f2 !important; }
.top-social-circle-link.btn-viber:hover, .top-social-circle-link.btn-viber-group:hover { background: #7360f2 !important; color: #fff !important; }
.top-social-circle-link.btn-telegram { color: #0ea5e9 !important; }
.top-social-circle-link.btn-telegram:hover { background: #0ea5e9 !important; color: #fff !important; }
.top-social-circle-link.btn-instagram { color: #db2777 !important; } /* Малиновый для инсты */
.top-social-circle-link.btn-instagram:hover { background: #db2777 !important; color: #fff !important; }
.top-social-circle-link.btn-facebook { color: #1d4ed8 !important; }
.top-social-circle-link.btn-facebook:hover { background: #1d4ed8 !important; color: #fff !important; }

/* 🖼️ КРУГЛЫЙ ЛОГОТИП */
.ung-header-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 55px !important;
    height: 55px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    border: 2px solid #ccfbf1 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
}
.ung-header-logo-link:hover {
    transform: scale(1.04) rotate(2deg) !important;
    border-color: #0f766e !important;
}
.ung-header-logo-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ==========================================================================
   UngShop Modern Omnipresent Search Bar (Desktop & Mobile)
   ========================================================================== */

/* Общий контейнер поисковой строки */
.ung-header-search-bar-box {
    display: block !important;
    position: relative !important;
    max-width: 550px !important; /* Ограничение максимальной ширины на ПК */
    width: 100% !important;
}

/* Поле ввода текста (Инпут) */
.ung-search-input-field {
    border: 2px solid #e2e8f0 !important;
    border-radius: 30px !important; /* Трендовая скругленная капсула */
    padding: 10px 50px 10px 20px !important;
    font-size: 14px !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    transition: all 0.2s ease-in-out !important;
    height: 44px !important; /* Фиксированная комфортная высота для клика пальцем */
}

/* Эффект фокуса (Поле загорается бирюзой, а тень подсвечивается акцентным малиновым) */
.ung-search-input-field:focus {
    background-color: #ffffff !important;
    border-color: #0f766e !important; /* Наша фирменная бирюза */
    box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.1) !important; /* Легкое малиновое свечение */
    outline: none !important;
}

/* Круглая изумрудная кнопка отправки поиска */
.ung-search-submit-action-btn {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%) !important;
    background: #0f766e !important; /* Изумрудно-бирюзовый бэкграунд */
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    transition: all 0.2s ease-in-out !important;
    z-index: 5 !important;
}

/* Ховер кнопки — плавно переливается в глубокий мятный */
.ung-search-submit-action-btn:hover {
    background: #115e59 !important;
    color: #ffffff !important;
    transform: translateY(-50%) scale(1.05) !important;
}

.ung-search-submit-action-btn i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Адаптивность для маленьких экранов смартфонов */
@media (max-width: 576px) {
    .ung-search-input-field {
        padding: 8px 45px 8px 15px !important;
        font-size: 12.5px !important; /* Чуть уменьшаем шрифт плейсхолдера на мобилках */
        height: 38px !important; /* Делаем строку чуть компактнее на смартфонах */
    }
    .ung-search-submit-action-btn {
        width: 30px !important;
        height: 30px !important;
        right: 4px !important;
    }
    .ung-search-submit-action-btn i {
        font-size: 12px !important;
    }
}

/* 🛍️ КНОПКИ-КАПСУЛЫ ДЕЙСТВИЙ (Сбалансированная малина и мята) */
.ung-nav-action-btn-pill {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    font-size: 19px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid transparent !important;
}

/* Избранное — Кастомная пастельная малина на фоне, сочный малиновый для иконки */
.btn-wishlist-action {
    background: #fdf2f8 !important;
    color: #db2777 !important;
    border-color: #fbcfe8 !important;
}
.btn-wishlist-action:hover {
    background: #db2777 !important;
    color: #fff !important;
    border-color: #db2777 !important;
}

/* Корзина — Фирменная пастельная мята и изумруд */
.btn-cart-action {
    background: #f0fdf4 !important;
    color: #0f766e !important;
    border-color: #ccfbf1 !important;
}
.btn-cart-action:hover {
    background: #0f766e !important;
    color: #fff !important;
}

/* Логин гостей — Стальной серый */
.btn-guest-login-action {
    background: #f8fafc !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}
.btn-guest-login-action:hover {
    background: #475569 !important;
    color: #fff !important;
}

/* Круглые индикаторы количества на кнопках */
.ung-nav-action-btn-pill .action-badge-count {
    position: absolute;
    top: -5px;
    right: -5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    line-height: 1;
}
.bg-sky-blue { background-color: #db2777 !important; } /* Малиновый индикатор для вишлиста */
.bg-emerald-mint { background-color: #22c55e !important; }

/* 👑 ПРЕМИУМ МЕНЮ ЮЗЕРА */
.ung-user-dropdown-trigger-btn {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
}
.ung-user-premium-menu-list {
    border-radius: 12px !important;
    padding: 8px !important;
    min-width: 220px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}
.ung-user-premium-menu-list .dropdown-item {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    color: #475569 !important;
    transition: all 0.15s !important;
}
.ung-user-premium-menu-list .dropdown-item:hover {
    background-color: #fdf2f8 !important;
    color: #db2777 !important; /* Розово-малиновый ховер меню юзера */
}

/* 🔗 НАВИГАЦИОННЫЕ МАРШРУТЫ (HORIZONTAL NAVBAR) */
.ung-main-horizontal-navigation-bar {
    width: 100%;
}
.ung-navbar-links-list {
    width: 100%;
}
.ung-main-nav-link-item {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: color 0.15s ease !important;
}
.ung-main-nav-link-item i {
    font-size: 16px;
    color: #94a3b8;
    transition: color 0.15s;
}

/* Ховер и Активное состояние страниц (Малиновый акцент) */
.ung-main-nav-link-item:hover,
.ung-main-nav-link-item.is-active {
    color: #db2777 !important; /* Текст активной страницы горит малиновым */
}
.ung-main-nav-link-item:hover i,
.ung-main-nav-link-item.is-active i {
    color: #db2777 !important;
}
@media (min-width: 992px) {
    .ung-main-nav-link-item::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #db2777; /* Линия под навигацией становится малиновой */
        transition: width 0.2s ease-in-out;
    }
    .ung-main-nav-link-item:hover::after,
    .ung-main-nav-link-item.is-active::after {
        width: 100%;
    }
}

/* 🍔 МОБИЛЬНАЯ БУРГЕР-КНОПКА (Остается мятно-бирюзовой для контраста) */
.ung-mobile-burger-trigger {
    background: #f0fdf4 !important;
    border: 1px solid #ccfbf1 !important;
    color: #0f766e !important;
    width: 42px;
    height: 42px;
    border-radius: 12px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px !important;
    padding: 0 !important;
}

/* Анимация появления хедера */
@keyframes ungHeaderSlideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* ==========================================================================
   UngShop Modern Premium System Toaster UI (Mint, Raspberry & Sky-Blue)
   ========================================================================== */
.ung-universal-toast-wrapper {
    position: fixed !important;
    top: 25px !important;
    left: 25px !important; /* Уведомления выезжают из левого верхнего угла экрана */
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 330px !important;
    pointer-events: none !important;
}

/* Базовый чистый стиль плашки тоста */
.universal-system-toast {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
    padding: 16px 20px !important;
    border-radius: 12px !important; /* Современное сильное скругление */
    width: 100% !important;
    position: relative !important;
    pointer-events: auto !important;

    /* Изначальное состояние для JS-анимации появления */
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid #e2e8f0;
}

.toast-body-flex {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Круглые подложки для индикаторов иконок */
.toast-icon-circle {
    width: 28px !important;
    height: 28px !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

/* Текстовая зона */
.toast-text-side {
    flex-grow: 1 !important;
}
.toast-title-text {
    font-weight: 800 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 2px !important;
}
.toast-text-content {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    line-height: 1.4 !important;
}

/* Кнопка закрытия крестиком */
.close-universal-toast {
    position: absolute !important;
    top: 6px !important;
    right: 12px !important;
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    cursor: pointer !important;
    color: #94a3b8 !important;
    transition: color 0.15s !important;
}
.close-universal-toast:hover { color: #334155 !important; }

/* 🎨 ЛОГИЧЕСКИЕ ЦВЕТОВЫЕ ГАММЫ */
/* 1. Успех = Мятно-изумрудный */
.toast-success-style { border-left: 5px solid #0f766e !important; }
.toast-icon-circle.bg-emerald { background: #0f766e !important; }
.text-emerald-dark { color: #0f766e !important; }

/* 2. Ошибка = Сочный малиновый */
.toast-error-style { border-left: 5px solid #db2777 !important; }
.toast-icon-circle.bg-raspberry { background: #db2777 !important; }
.text-raspberry-dark { color: #db2777 !important; }

/* 3. Предупреждение/Инфо = Небесно-голубой */
.toast-warning-style { border-left: 5px solid #0ea5e9 !important; }
.toast-icon-circle.bg-sky-blue { background: #0ea5e9 !important; }
.text-sky-dark { color: #0ea5e9 !important; }

/* Малиновый текстовый маркер для админа */
.text-raspberry {
    color: #db2777 !important;
}

/* Выделенная пастельно-малиновая плашка ссылки на админку в меню */
.dropdown-item.bg-raspberry-subtle {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
    border-radius: 8px !important;
}

.dropdown-item.bg-raspberry-subtle:hover {
    background-color: #db2777 !important; /* Инверсия в плотный малиновый при ховере */
    color: #ffffff !important;
}
/* ==========================================================================
   UngShop Modern Premium System Notifications Dropdown Menu UI
   ========================================================================== */
.ung-notifications-dropdown-root {
    position: relative;
}

/* 🌟 КРАСИВАЯ СОВРЕМЕННАЯ ВЫПАДАЮЩАЯ ПАНЕЛЬ ПУШЕЙ */
.ung-shop-notification-dropdown-panel {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 1060 !important;
    width: 360px !important; /* Сбалансированная ширина (было 500px) */
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 0 !important; /* Обнуляем падинги, чтобы шапка и подвал прижались */
    margin-top: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
    animation: ungFadeInUp 0.2s ease-out;
}

/* Внутренний контейнер скролла истории */
.ung-notifications-scroll-body {
    max-height: 340px !important; /* Идеальная высота, чтобы не ломать экран */
    overflow-y: auto !important;
}

/* Кастомизация скроллбара пушей под малиновый тон */
.ung-notifications-scroll-body::-webkit-scrollbar { width: 4px; }
.ung-notifications-scroll-body::-webkit-scrollbar-track { background: #f8fafc; }
.ung-notifications-scroll-body::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.ung-notifications-scroll-body::-webkit-scrollbar-thumb:hover { background: #db2777; }

/* Карточка одиночной строки пуша */
.ung-notify-single-row-item {
    transition: background-color 0.15s ease-in-out;
}
.ung-notify-single-row-item:hover {
    background-color: #fff1f2 !important; /* Мягчайший пастельно-малиновый ховер плашки */
}

/* Круглый аватар-бокс для иконки типа пуша */
.notify-icon-avatar-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
}

/* Индивидуальные пастельные заливки */
.bg-raspberry-subtle { background-color: #fdf2f8 !important; }
.hover-raspberry-dark:hover { color: #be123c !important; }

/* Ховер кнопки отметки прочтения */
.user-notification-one:hover {
    color: #be123c !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   UngShop Brand Premium Preloader Custom Animation Styles (100x100 Centered)
   ========================================================================== */
.preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;  /* Растягиваем белый фон ровно на всю ширину экрана */
    height: 100vh !important; /* Растягиваем белый фон ровно на всю высоту экрана */
    background-color: #ffffff !important; /* Идеально чистый белый фон */
    z-index: 9999999 !important; /* Поверх абсолютно всех окон, сайдбаров и хедера */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 🖼️ БЛОК ИКОНКИ/ЛОГОТИПА: Строго по центру экрана, размер 100х100 */
.preloader-inner,
.preloader-icon {
    position: relative !important;
    width: 100px !important;  /* Жестко задаем ширину логотипа 100px */
    height: 100px !important; /* Жестко задаем высоту логотипа 100px */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Стилизация картинок внутри прелоадера (чтобы логотип не вылезал за рамки 100х100) */
.preloader-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Идеальное заполнение круга/квадрата без искажения пропорций */
    border-radius: 50% !important; /* Делаем логотип аккуратным и идеально круглым */
    border: 2px solid #fdf2f8 !important; /* Нежная пудрово-малиновая окантовка */
    z-index: 2 !important;
}

/* Стилизация вращающихся анимированных полосок/кругов вокруг логотипа */
.preloader-icon span {
    position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    right: -5px !important;
    bottom: -5px !important;
    border: 3px solid transparent !important;
    border-top-color: #db2777 !important;    /* Малиновый акцент UngShop */
    border-bottom-color: #0f766e !important; /* Изумрудно-бирюзовый акцент UngShop */
    border-radius: 50% !important;
    animation: ungPreloaderSpin 1.5s linear infinite !important; /* Плавное бесконечное вращение */
    z-index: 1 !important;
}

/* Если в старой теме используется дополнительный спиннер перед картинкой */
.preloader .spinner,
.preloader .preloader-icon::before {
    border-color: #fdf2f8 !important;
    border-top-color: #db2777 !important;
}

/* 🚀 ПЛАВНАЯ АНИМАЦИЯ ВРАЩЕНИЯ ВОКРУГ КРУГЛОГО ЛОГОТИПА */
@keyframes ungPreloaderSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==========================================================================
   Bootstrap 5 Dynamic Hover Trigger for Notifications Dropdown
   ========================================================================== */
.ung-notifications-dropdown-root {
    position: relative;
}

/* 🌟 АВТООТКРЫТИЕ ПРИ НАВЕДЕНИИ (Только для ПК экранов от 992px) */
@media (min-width: 992px) {
    /* Создаем невидимый мостик-зазор между кнопкой и меню, чтобы список не закрывался при ведении мыши вниз */
    .ung-notifications-dropdown-root:hover .ung-shop-notification-dropdown-panel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        margin-top: 0 !important;
    }

    /* Плавная анимация появления выпадающего окна */
    .ung-shop-notification-dropdown-panel {
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(10px) !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
}

/* Убираем стандартную стрелочку-треугольник Bootstrap */
.dropdown-toggle-no-caret::after {
    display: none !important;
}

/* ==========================================================================
   UngShop Modern Premium Mini-Cart & Wishlist Dropdown Hover UI
   ========================================================================== */

/* 🌟 ЭФФЕКТ ХОВЕРА ДЛЯ КОММЕРЧЕСКИХ ПАНЕЛЕЙ (Десктопы от 992px) */
@media (min-width: 992px) {
    .ung-hover-dropdown-container:hover .ung-header-mini-cart-panel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    .ung-header-mini-cart-panel {
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(10px) !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
}

/* Главная выпадающая панель товаров */
.ung-header-mini-cart-panel {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 1060 !important;
    width: 320px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
}

/* Внутренний контейнер скролла товаров */
.ung-mini-cart-scroll-body {
    max-height: 240px !important; /* Удобный срез на 3-4 товара */
    overflow-y: auto !important;
}

/* Кастомизация полосы прокрутки списков */
.ung-mini-cart-scroll-body::-webkit-scrollbar { width: 4px; }
.ung-mini-cart-scroll-body::-webkit-scrollbar-track { background: #f8fafc; }
.ung-mini-cart-scroll-body::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.ung-mini-cart-scroll-body::-webkit-scrollbar-thumb:hover { background: #0f766e; }

/* Одиночная строка товара */
.mini-cart-single-item {
    transition: background-color 0.15s ease-in-out;
}
/* Ховер для товаров в Избранном (Пастельно-малиновый) */
.btn-wishlist-action + .ung-header-mini-cart-panel .mini-cart-single-item:hover {
    background-color: #fdf2f8 !important;
}
/* Ховер для товаров в Корзине (Пастельно-мятный) */
.btn-cart-action + .ung-header-mini-cart-panel .mini-cart-single-item:hover {
    background-color: #f0fdf4 !important;
}

/* Ссылка-заголовок товара */
.item-title-link {
    text-transform: none !important;
    transition: color 0.15s ease;
}
.btn-wishlist-action + .ung-header-mini-cart-panel .item-title-link:hover { color: #db2777 !important; }
.btn-cart-action + .ung-header-mini-cart-panel .item-title-link:hover { color: #0f766e !important; }

/* Кнопка крестика удаления позиции */
.btn-remove-mini-item {
    font-size: 16px;
    transition: color 0.15s ease;
    cursor: pointer;
}
.btn-remove-mini-item:hover {
    color: #ef4444 !important; /* Насыщенный красный при попытке удалить */
}

/* Пастельные бейджи количества */
.badge.bg-pink { background-color: #fdf2f8 !important; color: #db2777 !important; font-size: 14px !important;}
.badge.bg-mint { background-color: #f0fdf4 !important; color: #0f766e !important; font-size: 14px !important;}

/* ==========================================================================
   UngShop Responsive Mobil Search Bar Wrap Fix
   ========================================================================== */

/* На мобильных устройствах (экраны до 991px) принудительно расширяем поиск */
@media (max-width: 991.98px) {
    .w-100-mobile {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important; /* Занимает всю вторую строчку целиком */
        margin-top: 12px !important;  /* Аккуратный отступ от верхнего ряда (Лого и Корзины) */
        padding: 0 4px !important;    /* Небольшие зазоры по бокам экрана смартфона */
    }

    /* Делаем саму форму поиска чуть изящнее на смартфонах */
    .ung-search-input-field {
        height: 40px !important;
        font-size: 13px !important;
        padding-left: 16px !important;
    }
    .ung-search-submit-action-btn {
        width: 32px !important;
        height: 32px !important;
    }
}

/* ==========================================================================
   UngShop Search Bar with Integrated Quick Catalog Button
   ========================================================================== */

/* Новая кнопка быстрого каталога внутри поиска */
.ung-quick-catalog-trigger-btn {
    position: absolute !important;
    top: 50% !important;
    left: 6px !important; /* Фиксируем строго слева внутри капсулы */
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #0f766e !important; /* Пассивная бирюза */
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 16px !important;
    border-radius: 50% !important;
    transition: all 0.2s ease-in-out !important;
    z-index: 5 !important;
}

/* Эффект ховера для кнопки быстрого каталога (Загорается сочной малиной на пастельном фоне) */
.ung-quick-catalog-trigger-btn:hover {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
    transform: translateY(-50%) scale(1.05) !important;
}

/* 🌟 ФИКС ИНПУТА: Увеличиваем левый отступ (padding-left: 46px), чтобы освободить место под кнопку */
.ung-search-input-field.with-quick-btn {
    padding-left: 46px !important;
}

/* ==========================================================================
   UngShop Search Bar NavTop Core Integration Styles
   ========================================================================== */

/* Обертка оригинального класса темы для позиционирования внутри капсулы */
.ung-quick-catalog-trigger-btn-wrapper.header__menu-button {
    position: absolute !important;
    top: 50% !important;
    left: 6px !important; /* Вшиваем кнопку строго слева внутрь рамки инпута */
    transform: translateY(-50%) !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    color: #0f766e !important; /* Базовый изумрудно-бирюзовый цвет иконки */
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

/* Интерактивный ховер кнопки (Оболочка загорается малиновым) */
.ung-quick-catalog-trigger-btn-wrapper.header__menu-button:hover {
    background-color: #fdf2f8 !important;
    color: #db2777 !important;
    transform: translateY(-50%) scale(1.05) !important;
}

/* Фикс SVG иконки внутри кнопки */
.ung-quick-catalog-trigger-btn-wrapper.header__menu-button svg {
    pointer-events: none !important; /* Защита: чтобы клик шел по кнопке, а не по внутреннему вектору */
}

/* Адаптивный фикс для маленьких экранов смартфонов */
@media (max-width: 991.98px) {
    .ung-quick-catalog-trigger-btn-wrapper.header__menu-button {
        width: 30px !important;
        height: 30px !important;
        left: 4px !important;
    }
    .ung-quick-catalog-trigger-btn-wrapper.header__menu-button svg {
        width: 15px !important;
        height: 15px !important;
    }
}
/* ==========================================================================
   🌟 UngShop Premium Full-Height (100vh) AJAX Sidebar Menu UI
   ========================================================================== */
.sidebar-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 320px !important;      /* Комфортная ширина сайдбара */
    height: 100vh !important;     /* Жестко фиксируем на полную высоту экрана */
    max-height: 100vh !important;
    background-color: #ffffff !important;
    z-index: 999991 !important;    /* Сайдбар перекрывает контент, но находится под тостами */
    box-shadow: 10px 0 40px rgba(15, 23, 42, 0.15) !important;
    overflow-y: auto !important;   /* Разрешаем независимый скролл внутри меню, если категорий много */

    /* Плавный выезд слева направо */
    transform: translateX(-100%) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Состояние, когда сайдбару присвоен класс .opened (Меню выехало) */
.sidebar-menu.opened {
    transform: translateX(0) !important;
}

/* Оверлей-затемнение заднего фона при открытом меню */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.4); /* Полупрозрачный темный графит */
    backdrop-filter: blur(2px);              /* Красивое премиальное размытие заднего плана */
    z-index: 999990;
    display: none;
    opacity: 0;
    transition: opacity 0.25s ease;
}

/* Включаем отображение оверлея, когда на body висит класс открытия */
body.menu-opened .popup-overlay {
    display: block !important;
    opacity: 1 !important;
}

/* Красивая кастомизация полосы прокрутки внутри сайдбара */
.sidebar-menu::-webkit-scrollbar { width: 4px; }
.sidebar-menu::-webkit-scrollbar-track { background: #f8fafc; }
.sidebar-menu::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.sidebar-menu::-webkit-scrollbar-thumb:hover { background: #0f766e; }

/* ==========================================================================
   UngShop Custom Premium Offcanvas Sidebar (100vh Core Layout)
   ========================================================================== */
.ung-premium-offcanvas-sidebar {
    width: 380px !important;    /* Фиксированная идеальная ширина сайдбара */
    height: 100vh !important;   /* Намертво задаем высоту на весь экран */
    border: none !important;
    background-color: #ffffff !important;
    box-shadow: 15px 0 40px rgba(15, 23, 42, 0.12) !important;
}

/* Красивое премиальное размытие заднего плана при открытии шторки */
.offcanvas-backdrop.show {
    background-color: rgba(15, 23, 42, 0.3) !important;
    backdrop-filter: blur(3px) !important; /* Легкий матовый эффект */
}

/* Настройка заголовка шапки */
.ung-premium-offcanvas-sidebar .offcanvas-header {
    background-color: #f8fafc;
}
.ung-premium-offcanvas-sidebar .offcanvas-title i {
    font-size: 18px;
}

/* Кастомизация крестика закрытия */
.ung-premium-offcanvas-sidebar .btn-close {
    font-size: 13px;
    transition: transform 0.2s ease;
}
.ung-premium-offcanvas-sidebar .btn-close:hover {
    transform: rotate(90deg); /* Эффектный поворот крестика при наведении */
    color: #db2777 !important;
}

/* ==========================================================================
   UngShop Premium Mint & Teal Accordion Catalog Styles
   ========================================================================== */

/* Обнуление дефолтного белого фона у элементов аккордеона */
.ung-modern-catalog-accordion .accordion-item {
    background-color: transparent !important;
    border-color: #f1f5f9 !important;
}

/* Главная кнопка-родитель в пассивном состоянии */
.ung-modern-catalog-accordion .accordion-button {
    background-color: #ffffff !important;
    color: #1e293b !important;
    transition: all 0.2s ease-in-out !important;
}

/* Состояние, когда кнопка категории раскрыта (Мягкая мятно-бирюзовая заливка) */
.ung-modern-catalog-accordion .accordion-button:not(.collapsed) {
    background-color: #f0fdf4 !important; /* Наша пастельная светлая мята */
    color: #0f766e !important;            /* Плотный изумрудный текст */
}

/* Перекрашиваем стандартную стрелочку Bootstrap в изумрудный цвет */
.ung-modern-catalog-accordion .accordion-button::after {
    font-size: 12px;
    transition: transform 0.2s ease;
}
/* 🌟 ІСПРАВЛЕНО: Вичищено HTML-мусор та додано еталонний бірюзовий фільтр для #0f766e */
.ung-modern-catalog-accordion .accordion-button:not(.collapsed)::after {
    filter: invert(35%) sepia(33%) saturate(1478%) hue-rotate(127deg) brightness(95%) contrast(92%) !important;
}


/* Убираем стрелочку у тех категорий, у которых нет детей */
.ung-modern-catalog-accordion .accordion-button.no-toggle-arrow::after {
    display: none !important;
}

/* Ховер подкатегорий (Уровень 2) */
.ung-subcategory-list .hover-teal-bg {
    transition: all 0.15s ease-in-out;
    background-color: #f8fafc;
}
.ung-subcategory-list .hover-teal-bg:hover {
    background-color: #f0fdf4 !important; /* Подсветка подкатегории мятой */
    color: #0f766e !important;
}

/* Внутренний фон блока подкатегорий */
.ung-modern-catalog-accordion .accordion-body {
    background-color: #f8fafc !important;
}
/* ==========================================================================
   UngShop Sidebar Live Auto-suggest Search Box & Results Styles
   ========================================================================== */

/* Обертка поля ввода в сайдбаре */
.ung-sidebar-live-search-wrapper {
    z-index: 15;
}
.ung-sidebar-search-field {
    border: 2px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 8px 40px 8px 36px !important;
    font-size: 13.5px !important;
    height: 38px !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
}
.ung-sidebar-search-field:focus {
    border-color: #0f766e !important;
    box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.08) !important; /* Малиновое свечение */
}

/* Иконки лупы и крестика сброса внутри инпута */
.ung-sidebar-search-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 14px;
    pointer-events: none;
}
.ung-sidebar-search-reset-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    color: #cbd5e1 !important;
    padding: 0 !important;
    font-size: 15px !important;
    transition: color 0.15s;
}
.ung-sidebar-search-reset-btn:hover { color: #db2777 !important; }

/* 🛒 СТИЛИЗАЦИЯ СПИСКА РЕЗУЛЬТАТОВ ПОИСКА ТОВАРОВ */
.location-results ul.shopping-list-side {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.location-results ul.shopping-list-side li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}
.location-results .cart-img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}
.location-results .cart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Заголовок товара */
.location-results .shopping-list-cart-h4 {
    margin: 0 !important;
    padding: 0 !important;
    flex-grow: 1;
}
.location-results .shopping-list-cart-h4 a {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.location-results .shopping-list-cart-h4 a:hover { color: #0f766e !important; }

/* Зона цены и кнопки добавления */
.location-results .shopping-list-cart-p {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0;
}
.location-results .shopping-list-cart-p .amount {
    font-family: monospace;
    font-weight: 700;
    color: #0f766e;
    font-size: 13.5px;
}

/* Маленькая мятно-пастельная кнопка плюса "+" для добавления в корзину */
.location-results .btn-primary.btn-xs {
    background-color: #f0fdf4 !important;
    border: 1px solid #ccfbf1 !important;
    color: #0f766e !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 12px !important;
    transition: all 0.15s;
}
.location-results .btn-primary.btn-xs:hover {
    background-color: #0f766e !important;
    color: #ffffff !important;
    border-color: #0f766e !important;
}
/* Стилизация и анимация вашей кастомной кнопки AJAX-добавления */
.location-results .addcardsingle.btn-primary.btn-xs {
    background-color: #f0fdf4 !important;
    border: 1px solid #ccfbf1 !important;
    color: #0f766e !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important; /* Модное скругление капсулы кнопки */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 13px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

/* Ховер кнопки addcardsingle — плавно переливается в изумруд */
.location-results .addcardsingle.btn-primary.btn-xs:hover {
    background-color: #0f766e !important;
    color: #ffffff !important;
    border-color: #0f766e !important;
    transform: scale(1.08) !important; /* Микро-увеличение при наведении */
}

/* ==========================================================================
   UngShop Custom Modern Live Search Highlighted Text Markers
   ========================================================================== */
.shopping-list-cart-h4 a span[style*="background-color: yellow"] {
    background-color: #fdf2f8 !important; /* Мягкий пастельно-пудровый малиновый фон */
    color: #db2777 !important;            /* Сочный малиновый цвет самих букв */
    padding: 1px 4px !important;
    border-radius: 4px !important;         /* Легкое современное скругление букв */
    font-weight: 800 !important;
    border: 1px solid #fbcfe8 !important;  /* Едва заметный малиновый ободок */
}
/* Выравнивание и защита геометрии коммерческих кнопок в шапке Offcanvas */
.ung-sidebar-header-actions {
    display: flex !important;
    align-items: center !important;
}

/* Фикс для микро-экранов: аккуратно уменьшаем зазоры, чтобы всё поместилось на одной линии */
@media (max-width: 375px) {
    .ung-premium-offcanvas-sidebar .offcanvas-header {
        padding: 12px 10px !important; /* Чуть сужаем боковые падинги шапки */
    }
    #ungQuickCatalogSidebarLabel {
        font-size: 14px !important;   /* Микро-уменьшение шрифта слова "Каталог" */
    }
    .ung-sidebar-header-actions {
        gap: 6px !important;          /* Плотный стык между кнопками */
    }
}

/* ==========================================================================
   UngShop Omni-Responsive Sticky Header Layout (Always Fixed & Compact)
   ========================================================================== */

/* 1. БАЗОВОЕ СОСТОЯНИЕ ЛИПКОЙ ШАПКИ ДЛЯ ВСЕХ ЭКРАНОВ */
.header-ungshop.is-sticky-scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    box-shadow: 0 4px 25px rgba(15, 118, 110, 0.08) !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #ccfbf1 !important;
    z-index: 1050 !important;
    transform: none !important; /* Гарантия: шапка стоит намертво, без сдвигов */
    transition: background-color 0.2s ease-in-out !important;
}

/* Скрываем верхнюю панель с телефонами при скролле на всех экранах */
.header-ungshop.is-sticky-scrolled .ung-header-top-bar {
    display: none !important;
}

/* Компактные отступы центрального блока при скролле на всех экранах */
.header-ungshop.is-sticky-scrolled .ung-main-header-navbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* --------------------------------------------------------------------------
   💻 А) ДЛЯ КОМПЬЮТЕРОВ (От 992px): Сжимаем всё в ОДИН компактный ряд
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .header-ungshop.is-sticky-scrolled {
        animation: ungHeaderSlideDown 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Выстраиваем Лого, Поиск, Меню и Капсулы в одну линию */
    .header-ungshop.is-sticky-scrolled .ung-main-header-navbar .container > .d-flex {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    /* Поднимаем блок горизонтального меню в центральный ряд */
    .header-ungshop.is-sticky-scrolled #ungMainCollapsibleNavbar {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        order: 2 !important; /* Меню становится вторым после логотипа */
    }
    .header-ungshop.is-sticky-scrolled .ung-main-horizontal-navigation-bar {
        padding: 0 !important;
        border: none !important;
    }

    /* Уплотняем зазоры ссылок навигации */
    .header-ungshop.is-sticky-scrolled .ung-main-nav-link-item { font-size: 13.5px !important; padding: 4px 0 !important; }
    .header-ungshop.is-sticky-scrolled .ung-navbar-links-list { gap: 15px !important; }

    /* Перестраиваем порядок и сужаем строку поиска на ПК */
    .header-ungshop.is-sticky-scrolled .ung-header-logo-area { order: 1 !important; }
    .header-ungshop.is-sticky-scrolled .ung-header-search-bar-box { order: 3 !important; max-width: 280px !important; }
    .header-ungshop.is-sticky-scrolled .ung-header-actions-stack-group { order: 4 !important; }

    /* Компактные размеры логотипа и кнопок действий */
    .header-ungshop.is-sticky-scrolled .ung-header-logo-link { width: 44px !important; height: 44px !important; }
    .header-ungshop.is-sticky-scrolled .ung-nav-action-btn-pill { width: 38px !important; height: 38px !important; font-size: 17px !important; }
    .header-ungshop.is-sticky-scrolled .ung-user-dropdown-trigger-btn { padding: 2px 6px !important; }
}

/* --------------------------------------------------------------------------
   📱 Б) ДЛЯ СМАРТФОНОВ (До 991.98px): Поиск внизу, но в ультра-сжатом виде
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    .header-ungshop.is-sticky-scrolled .ung-header-search-bar-box {
        margin-top: 4px !important;
    }
    /* Делаем поле ввода ниже, чтобы не занимать рабочую высоту экрана телефона */
    .header-ungshop.is-sticky-scrolled .ung-search-input-field {
        height: 34px !important;
        font-size: 12px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .header-ungshop.is-sticky-scrolled .ung-search-submit-action-btn {
        width: 26px !important;
        height: 26px !important;
    }
    .header-ungshop.is-sticky-scrolled .ung-header-logo-link {
        width: 42px !important;
        height: 42px !important;
    }
    .header-ungshop.is-sticky-scrolled .ung-nav-action-btn-pill,
    .header-ungshop.is-sticky-scrolled .ung-mobile-burger-trigger {
        width: 34px !important;
        height: 34px !important;
        font-size: 16px !important;
    }
}

/* АНИМАЦИЯ: Мягкое скольжение один раз при триггере скролла на ПК */
@keyframes ungHeaderSlideDown {
    from { transform: translateY(-15%); opacity: 0.8; }
    to { transform: translateY(0); opacity: 1; }
}

/* ==========================================================================
   UngShop Main Navbar Grid Flex-wrap Ordering Fix
   ========================================================================== */

/* 💻 1. ПОВЕДЕНИЕ НА КОМПЬЮТЕРАХ (От 992px) */
@media (min-width: 992px) {
    .ung-main-header-navbar .w-100-mobile {
        width: auto !important;
        flex-basis: 0 !important;
        flex-grow: 1 !important; /* Поиск заполняет всё свободное пространство по центру */
    }
}

/* 📱 2. ПОВЕДЕНИЕ НА МОБИЛЬНЫХ ТЕЛЕФОНАХ (До 991.98px) */
@media (max-width: 991.98px) {
    /* Принудительно заставляем блок поиска растянуться на 100% ширины экрана,
       чтобы order-4 выдавил его на абсолютно новую отдельную строку */
    .ung-main-header-navbar .w-100-mobile {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-top: 10px !important; /* Удобный отступ от верхнего ряда кнопок */
    }

    /* Обнуляем маргины контейнера логотипа, чтобы он встал ровно по центру мобильного экрана */
    .ung-header-logo-area {
        margin: 0 auto !important;
    }
}

/* 🛡️ Глобальная защита: если прелоадер удален, body ОБЯЗАН скроллиться в любом случае */
body:not(:has(.preloader)) {
    overflow: auto !important;
    overflow-x: hidden !important;
}

/* Фолбек на случай старых браузеров, которые не поддерживают селектор :has */
body.js {
    overflow-x: hidden !important;
}
/* ==========================================================================
   UngShop Modern Premium Toaster UI (Fixed Left Position & CSS Animations)
   ========================================================================== */
.ung-universal-toast-wrapper {
    position: fixed !important;
    top: 25px !important;
    left: 25px !important; /* Тосты выходят сверху слева и всегда на виду */
    z-index: 9999999 !important; /* Поверх хедера и прелоадера */
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 340px !important;
    pointer-events: none !important;
}

/* Базовый стиль плашки тоста */
.universal-system-toast {
    background: #ffffff !important;
    box-shadow: 0 10px 35px rgba(15, 23, 42, 0.15) !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    width: 100% !important;
    position: relative !important;
    pointer-events: auto !important;
    border: 1px solid #e2e8f0;

    /* Эффект плавного появления по умолчанию */
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: ungToastSlideIn 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.toast-body-flex { display: flex !important; align-items: center !important; gap: 14px !important; }

/* Круглые иконки */
.toast-icon-circle {
    width: 30px !important;
    height: 30px !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.toast-text-side { flex-grow: 1 !important; }
.toast-title-text { font-weight: 800 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; margin-bottom: 2px !important; }
.toast-text-content { font-size: 13.5px !important; font-weight: 600 !important; color: #475569 !important; line-height: 1.4 !important; }

/* Крестик закрытия */
.close-universal-toast {
    position: absolute !important;
    top: 6px !important;
    right: 12px !important;
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    cursor: pointer !important;
    color: #cbd5e1 !important;
    transition: color 0.15s !important;
    line-height: 1 !important;
    padding: 0 !important;
}
.close-universal-toast:hover { color: #475569 !important; }

/* 🎨 ЦВЕТОВЫЕ ГАММЫ МАРКЕРОВ */
/* 1. Успех — Изумрудный */
.toast-success-style { border-left: 5px solid #0f766e !important; }
.toast-icon-circle.bg-emerald { background: #0f766e !important; }
.text-emerald-dark { color: #0f766e !important; }

/* 2. Ошибка — Малиновый */
.toast-error-style { border-left: 5px solid #db2777 !important; }
.toast-icon-circle.bg-raspberry { background: #db2777 !important; }
.text-raspberry-dark { color: #db2777 !important; }

/* 3. Предупреждение — Оранжевый/Желтый */
.toast-warning-style { border-left: 5px solid #eab308 !important; }
.toast-icon-circle.bg-warning-orange { background: #eab308 !important; }
.text-warning-dark { color: #eab308 !important; }

/* 4. Инфо — Синий */
.toast-info-style { border-left: 5px solid #0ea5e9 !important; }
.toast-icon-circle.bg-sky-blue-info { background: #0ea5e9 !important; }
.text-sky-dark { color: #0ea5e9 !important; }

/* Анимация скольжения тоста сверху вниз */
@keyframes ungToastSlideIn {
    from { opacity: 0; transform: translateY(-25px); }
    to { opacity: 1; transform: translateY(0); }
}

.shop .nice-select {
    clear: initial;
    display: inline-block;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    height: auto;
    width: auto;
    border-radius: 0;
    font-weight: bold;
}

.single-product .product-img a img {
    width: auto;
    height: 250px;
    text-align: center;
}

/* ==========================================================================
   UngShop Custom Premium Mint, Teal & Raspberry Pagination UI Suite
   ========================================================================== */

/* Сброс стандартных стилей обертки */
.ung-modern-pagination-nav .pagination {
    border: none !important;
}

/* Базовый стиль ячейки-ссылки пагинации */
.ung-modern-pagination-nav .page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #475569 !important; /* Пассивный slate-текст */
    background-color: #f8fafc !important; /* Легкая пастельная подложка */
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important; /* Аккуратные скругленные углы */
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Эффект ховера на пассивных кнопках (Мягкий мятно-изумрудный оттенок) */
.ung-modern-pagination-nav .page-item:not(.active):not(.disabled) .page-link:hover {
    background-color: #f0fdf4 !important;
    border-color: #ccfbf1 !important;
    color: #0f766e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.08) !important;
}

/* 🌟 АКТИВНАЯ СТРАНИЦА: Сочный малиновый стиль UngShop */
.ung-modern-pagination-nav .page-item.active .page-link {
    background-color: #db2777 !important; /* Малиновое ядро */
    border-color: #db2777 !important;
    color: #ffffff !important;            /* Белый текст */
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.25) !important; /* Плотное неоновое свечение */
    z-index: 3 !important;
}

/* Неактивные/Заблокированные кнопки (Назад на первой странице) */
.ung-modern-pagination-nav .page-item.disabled .page-link {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #cbd5e1 !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Стиль трех точек разбивки "..." */
.ung-modern-pagination-nav .page-link.dots {
    background: transparent !important;
    border-color: transparent !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

/* Стрелочки иконок внутри кнопок */
.ung-modern-pagination-nav .page-link i {
    font-size: 13px !important;
    line-height: 1 !important;
}

/* Коррекция мобильного вида кнопок "Назад" / "Вперед" */
@media (max-width: 575.98px) {
    .ung-modern-pagination-nav .page-link {
        font-size: 13px !important;
        border-radius: 20px !important; /* На мобилках превращаем кнопки в круглые капсулы */
    }
}
/* ==========================================================================
   UngShop Modern Grid Card Action Buttons (Mint, Teal & Raspberry)
   ========================================================================== */
.ung-product-action-buttons-card-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Главная изумрудная кнопка "В Кошик" */
.ung-btn-add-to-cart-action {
    background-color: #0f766e !important; /* Наша фирменная бирюза */
    border: 2px solid #0f766e !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-grow: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.15) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* Ховер кнопки — плавно переливается в глубокий мятный */
.ung-btn-add-to-cart-action:hover {
    background-color: #115e59 !important;
    border-color: #115e59 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(15, 118, 110, 0.25) !important;
}
.ung-btn-add-to-cart-action.disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
.ung-btn-add-to-cart-action i {
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Кастомная кнопка-сердце вишлиста */
.ung-btn-wishlist-action-trigger {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fdf2f8 !important; /* Нежная розовая пудра */
    border: 2px solid #fbcfe8 !important;
    border-radius: 8px !important;
    color: #db2777 !important; /* Насыщенная малина */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}

/* Ховер сердца — заливается сочной малиной с неоновым свечением */
.ung-btn-wishlist-action-trigger:hover {
    background-color: #db2777 !important;
    border-color: #db2777 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.2) !important;
}
.ung-btn-wishlist-action-trigger i {
    font-size: 15px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   UngShop Mini-Cart Coffee-Brown Row UI Enhancements
   ========================================================================== */

/* Ховер-эффект для всей строки товара в мини-корзине */
.mini-cart-single-item:hover {
    background-color: #fafaf9 !important; /* Ультра-мягкий пастельный кофейный оттенок */
}

/* Эффект наведения на название товара — загорается фирменной бирюзой */
.mini-cart-single-item:hover .item-title-link {
    color: #0f766e !important;
}

/* Интерактивный крестик удаления — при наведении горит сочной малиной */
.mini-cart-single-item .btn-remove-mini-item:hover {
    color: #db2777 !important;
}

/* CSS-анимация плавного появления новой динамической строки при AJAX добавлении */
.animate-fade-in {
    animation: ungMiniRowFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes ungMiniRowFadeIn {
    from { opacity: 0; transform: translateX(10px); background-color: #f0fdf4; }
    to { opacity: 1; transform: translateX(0); background-color: #ffffff; }
}
/* ==========================================================================
   UngShop Mini-Cart Separated Coffee-Cards Grid Fix
   ========================================================================== */

/* 🌟 Превращаем элементы списка в раздельные аккуратные плиточки */
.shopping-list-cart-ul li.shopping-list-cart-li {
    margin-bottom: 6px !important;    /* Зазор между плитками товаров */
    border: 1px solid #f1f5f9 !important; /* Легкая рамка вокруг каждой плиточки */
    border-radius: 10px !important;   /* Красивое скругление углов карточки */
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.01) !important; /* Едва заметная тень */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Наведение на отдельную плиточку (Мягкая кофейно-пастельная подсветка всей карточки) */
.shopping-list-cart-ul li.shopping-list-cart-li:hover {
    background-color: #fafaf9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    transform: translateY(-1px) !important; /* Карточка слегка приподнимается при наведении */
}

/* 🛡️ Защита геометрии: убираем отступ у самой последней плиточки, чтобы подвал не съезжал вниз */
.shopping-list-cart-ul li.shopping-list-cart-li:last-child {
    margin-bottom: 0 !important;
}

/* Делаем небольшой внутренний отступ для самого контейнера списка, чтобы карточки не липли к краям */
.ung-mini-cart-scroll-body {
    padding: 10px 12px 4px 12px !important;
}

/* Специальная кастомизация размеров кнопок именно для сетки товаров */
.actions-wrapper.ung-product-action-buttons-card-row .ung-btn-add-to-cart-action {
    padding: 12px 24px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
}

.actions-wrapper.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger {
    width: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
}
.actions-wrapper.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger i {
    font-size: 16px !important;
}
/* Специальная адаптивная коррекция размеров кнопок для витрины (Showcase) */
.showcase-action-footer.ung-product-action-buttons-card-row .ung-btn-add-to-cart-action {
    padding: 8px 16px !important; /* Делаем кнопку чуть ниже для компактности витрины */
    font-size: 12.5px !important;
    border-radius: 6px !important;
}

.showcase-action-footer.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger {
    width: 38px !important;  /* Аккуратный квадратный размер под иконку */
    height: 38px !important;
    border-radius: 6px !important;
}
.showcase-action-footer.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger i {
    font-size: 14px !important;
}
/* Специальная адаптивная коррекция размеров кнопок для бренд-карточек (Brand Grid) */
.brand-card-action-footer.ung-product-action-buttons-card-row .ung-btn-add-to-cart-action {
    padding: 8px 14px !important; /* Умеренно компактные отступы */
    font-size: 12.5px !important;
    border-radius: 6px !important;
}

.brand-card-action-footer.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger {
    width: 38px !important;
    height: 38px !important;
    border-radius: 6px !important;
}
.brand-card-action-footer.ung-product-action-buttons-card-row .ung-btn-wishlist-action-trigger i {
    font-size: 14px !important;
}
/* ==========================================================================
   UngShop Mini-Wishlist Brand Premium Raspberry Footer Button
   ========================================================================== */
.ung-mini-wishlist-footer-box {
    background-color: #fdf2f8 !important; /* Нежная пастельно-розовая пудровая подложка */
    border-top: 1px solid #fbcfe8 !important; /* Малиновый мягкий ободок */
}

/* Главная брендовая малиновая кнопка перехода */
.ung-btn-go-to-wishlist-pills {
    color: #db2777 !important; /* Фирменная сочная малина UngShop */
    background-color: #ffffff !important;
    border: 1px solid #fbcfe8 !important;
    border-radius: 8px !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(219, 39, 119, 0.04) !important;
}

/* Ховер кнопки — плавно заливается малиной, а текст становится белоснежным */
.ung-btn-go-to-wishlist-pills:hover {
    background-color: #db2777 !important;
    color: #ffffff !important;
    border-color: #db2777 !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.2) !important;
    transform: translateY(-0.5px) !important;
}

/* 💓 ИНТЕРАКТИВНЫЙ ЭФФЕКТ: Иконка сердца начинает пульсировать при наведении на кнопку */
.ung-btn-go-to-wishlist-pills:hover .ung-heart-pulse-anim {
    display: inline-block !important;
    animation: ungHeartBeatPulse 0.8s infinite cubic-bezier(0.215, 0.610, 0.355, 1) !important;
}

@keyframes ungHeartBeatPulse {
    0% { transform: scale(1); }
    30% { transform: scale(1.18); }
    60% { transform: scale(1); }
    80% { transform: scale(1.12); }
    100% { transform: scale(1); }
}

/* ==========================================================================
   UngShop Sidebar Premium Brand Alphabet Widget Styles
   ========================================================================== */

/* Оформление линии заголовка h3 */
.ung-modern-widget-title {
    border-bottom: 2px solid #ccfbf1 !important; /* Нежная мятная нижняя линия */
    font-family: system-ui, -apple-system, sans-serif !important;
}

/* Базовое состояние строчки-ссылки бренда */
.ung-brands-list .ung-brand-link {
    color: #334155 !important; /* Умеренно темный Slate-текст */
    background-color: transparent;
    transition: all 0.15s ease-in-out !important;
}

/* Круглый кофейный бейдж количества товаров бренда */
.ung-brands-list .ung-brand-count {
    background-color: #f5f5f4 !important; /* Пастельный кофейный фон */
    color: #5c4033 !important;            /* Глубокий кофейный цвет цифры */
    padding: 4px 8px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}

/* 🌟 ИНТЕРАКТИВНЫЙ ХОВЕР: При наведении строчка превращается в мятную плиточку */
.ung-brands-list .ung-brand-link:hover {
    background-color: #f0fdf4 !important; /* Мягкая мятная заливка */
    color: #0f766e !important;            /* Текст загорается изумрудным */
    padding-left: 12px !important;        /* Эффект легкого сдвига вправо */
}

/* При ховере бейдж количества становится контрастным малиновым */
.ung-brands-list .ung-brand-link:hover .ung-brand-count {
    background-color: #db2777 !important; /* Малиновое ядро */
    color: #ffffff !important;            /* Белые цифры */
    box-shadow: 0 2px 6px rgba(219, 39, 119, 0.15) !important;
}

/* Кастомизация компактного скроллбара для контейнера брендов */
.brands-scroll-container::-webkit-scrollbar {
    width: 4px !important;
}
.brands-scroll-container::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 10px !important;
}
.brands-scroll-container::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 10px !important;
}
.brands-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #0f766e !important;
}

/* ==========================================================================
   UngShop Sidebar Premium Slider & Price Filter UI Suite
   ========================================================================== */

/* Общая обертка контейнера виджета */
.ung-modern-price-widget-box {
    border-color: #e2e8f0 !important;
}

/* 🎛️ СТИЛИЗАЦИЯ ПОЛЗУНКА JQUERY UI SLIDER */
/* Пассивная линия трека (Легкий пастельный серый) */
.ung-premium-ui-slider.ui-widget-content {
    background: #f1f5f9 !important;
    border: none !important;
    height: 6px !important;
    border-radius: 4px !important;
}

/* Активная закрашенная зона между ползунками (Фирменный изумрудный) */
.ung-premium-ui-slider .ui-widget-header {
    background: #0f766e !important;
    border-radius: 4px !important;
}

/* Круглые бегунки-кругляшки ползунка */
.ung-premium-ui-slider .ui-state-default,
.ung-premium-ui-slider .ui-widget-content .ui-state-default {
    width: 16px !important;
    height: 16px !important;
    background: #ffffff !important;
    border: 2px solid #0f766e !important; /* Изумрудный ободок кружка */
    border-radius: 50% !important;
    top: -5px !important;
    cursor: grab !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.15) !important;
    transition: transform 0.1s ease, background-color 0.1s !important;
}

/* Активный захват ползунка — бегунок увеличивается и подсвечивается малиной */
.ung-premium-ui-slider .ui-state-active,
.ung-premium-ui-slider .ui-state-hover {
    background: #db2777 !important; /* В момент перетаскивания кружок горит малиной */
    border-color: #db2777 !important;
    transform: scale(1.15) !important;
}

/* КНОПКА ОТПРАВКИ ФИЛЬТРА */
.ung-filter-submit-btn {
    background-color: #0f766e !important;
    border: 1px solid #0f766e !important;
    color: #ffffff !important;
    border-radius: 20px !important; /* Капсульный вид */
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.12) !important;
}
.ung-filter-submit-btn:hover {
    background-color: #115e59 !important;
    border-color: #115e59 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.2) !important;
}

/* ПОЛЕ ОТОБРАЖЕНИЯ ЦИФР ДИАПАЗОНА (Взамен желтого фона) */
.ung-price-amount-display-field {
    border: 1px solid #e2e8f0 !important;
    background-color: #fafafa !important; /* Нежная пастельно-белая подложка */
    color: #5c4033 !important;            /* Читаемый благородный кофейный оттенок */
    font-size: 13.5px !important;
    height: 30px !important;
    width: 110px !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

/* Внутренняя геометрия разделения фотографии и контента */
.product-img-box-wrapper {
    height: 240px !important;
    border-right: 1px solid #f1f5f9 !important; /* Мягкий вертикальный разделитель */
    overflow: hidden !important;
}

/* Адаптивный фикс для узких экранов мобильных телефонов */
@media (max-width: 575.98px) {
    .product-img-box-wrapper {
        border-right: none !important;
        border-bottom: 1px solid #f1f5f9 !important; /* На мобилках линия уходит вниз */
        height: 210px !important; /* Чуть уменьшаем высоту под мобильный экран */
    }
}

/* ==========================================================================
   UngShop Massive Price Highlighter & Gold Stars UI Extensions (HIGH-PRIORITY)
   ========================================================================== */

/* 🌟 А) КАТЕГОРИИ КАК БАДЖИ С ПОДСВЕТКОЙ */
.ung-list-categories-badge-row .ung-cat-badge-pill {
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    display: inline-flex !important;
    align-items: center !important;
}
/* Главная категория — Мятная подсветка */
.ung-list-categories-badge-row .ung-cat-badge-pill.main-cat {
    background-color: #f0fdf4 !important;
    color: #0f766e !important;
    border-color: #ccfbf1 !important;
}
/* Подкатегория — Кофейная подсветка */
.ung-list-categories-badge-row .ung-cat-badge-pill.sub-cat {
    background-color: #fafaf9 !important;
    color: #5c4033 !important;
    border-color: #e7e5e4 !important;
}

/* 🌟 Б) ЗОЛОТИСТЫЕ ЗВЕЗДЫ РЕЙТИНГА */
.star-rating__wrap.ung-gold-stars .bi-star-fill {
    color: #fbbf24 !important; /* Яркое золото */
    text-shadow: 0 1px 2px rgba(251, 191, 36, 0.2) !important;
}
.star-rating__wrap.ung-gold-stars .bi-star {
    color: #cbd5e1 !important;
}

/* 🌟 В) МАССИВНЫЕ ЦЕННИКИ И ИХ НЕОНОВАЯ ПОДСВЕТКА */
/* Полный сброс стандартных стилей браузера для тега mark */
.ung-modern-massive-price-container mark {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
    display: inline-block !important;
}

/* Текущая цена со скидкой (Малина + Розовый маркер) */
.ung-modern-massive-price-container .ung-price-current-discount {
    font-size: 28px !important; /* Огромный шрифт */
    font-weight: 900 !important;
    color: #db2777 !important;
    line-height: 1 !important;
}
.ung-modern-massive-price-container .ung-highlight-current-price-box {
    background-color: #fce7f3 !important; /* Мягкая розовая подсветка */
    padding: 4px 12px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(219, 39, 119, 0.08) !important;
    display: inline-block !important;
}

/* Старая зачеркнутая цена (Увеличенный размер + Серый маркер) */
.ung-modern-massive-price-container .ung-price-old-strikethrough {
    font-size: 18px !important; /* Крупная старая цена */
    font-weight: 700 !important;
    color: #64748b !important;
    line-height: 1 !important;
    margin-left: 6px !important;
}
/* Старая зачеркнутая цена — принудительное жесткое зачеркивание внутри маркера */
.ung-modern-massive-price-container .ung-highlight-old-price-box {
    background-color: #f1f5f9 !important; /* Наша пастельная серая подложка */
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;

    /* 🌟 ЖЕЛЕЗНЫЙ ФИКС: Линия зачеркивания применяется на уровне ядра к самому маркеру */
    text-decoration: line-through !important;
    color: #64748b !important; /* Приглушенный slate-серый цвет копеек */
}

/* На всякий случай дублируем сброс для родительского контейнера */
.ung-modern-massive-price-container .ung-price-old-strikethrough {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-left: 6px !important;
}

/* Яркий контрастный бейдж процента скидки */
.ung-modern-massive-price-container .ung-discount-percent-badge {
    font-size: 13px !important;
    font-weight: 900 !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    background-color: #db2777 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(219, 39, 119, 0.15) !important;
}
/* ==========================================================================
   UngShop List-View Photo Stage & Sticker Fix (HIGH-PRIORITY)
   ========================================================================== */

/* 📸 1. Изолированный бокс для фотографии (Очищен от рамок старой темы) */
.ung-list-photo-stage {
    width: 100% !important;
    height: 240px !important; /* Фиксированная высота для десктопов */
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 15px !important; /* Аккуратный внутренний отступ, чтобы фото не липло к краям */
    border: none !important;
    box-sizing: border-box !important;
}

/* 🖼️ 2. Фикс самого тега изображения против растягивания */
.ung-list-main-picture-element {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important; /* Гарантирует сохранение оригинальных пропорций товара */
    display: block !important;
    margin: 0 auto !important;
}

/* 🌟 3. Фикс стикера NEW: Сочный малиновый цвет и жесткое позиционирование */
.ung-list-photo-stage .ung-premium-sticker-new {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    background-color: #db2777 !important; /* Наша фирменная малина */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 12px rgba(219, 39, 119, 0.3) !important; /* Мягкое малиновое свечение */
    display: inline-block !important;
    width: max-content !important;
    height: auto !important;
    z-index: 10 !important;
    border: none !important;
}

/* 📱 4. Адаптивный фикс высоты для маленьких экранов смартфонов */
@media (max-width: 575.98px) {
    .ung-list-photo-stage {
        height: 200px !important; /* Уменьшаем высоту на мобилках, чтобы карточка выглядела аккуратно */
        padding: 10px !important;
    }
}

/* ==========================================================================
   UngShop Meta Statistics Icons Margin Fix (HIGH-PRIORITY)
   ========================================================================== */

/* Жесткий правый зазор для иконки глаза (Просмотры) */
.product-meta-box .ung-stat-icon-eye {
    margin-right: 8px !important;
    margin-left: 0 !important;
    display: inline-block !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Жесткий правый зазор для иконки сумки (Заказы) */
.product-meta-box .ung-stat-icon-bag {
    margin-right: 8px !important;
    margin-left: 0 !important;
    display: inline-block !important;
    font-size: 15px !important;
    line-height: 1 !important;
}
/* ==========================================================================
   UngShop List-View Image Cache Zoom Layer Fix (HIGH-PRIORITY)
   ========================================================================== */

/* Контейнер зума: гарантируем правильный тип заполнения фона */
/* Контейнер зуму у списку товарів (Оновлений фінал) */
.ung-list-photo-stage .zoom {
    background-repeat: no-repeat !important;
    /* 🌟 КРИТИЧНО: 200% дає дворазове збільшення та ідеальну свободу польоту ліворуч/праворуч */
    background-size: 200% 200% !important;
    background-position: center !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: zoom-in !important;
    z-index: 1 !important;

    /* Додаємо плавність для повернення фону на місце, коли миша йде геть */
    transition: background-position 0.1s ease-out !important;
}


/* Базовое состояние основной картинки Glide */
.ung-list-photo-stage .ung-list-main-picture-element {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Плавное исчезновение за 200мс */
    opacity: 1 !important;
    z-index: 2 !important; /* Изначально картинка лежит поверх фона */
    pointer-events: none !important; /* Защита: клики и мышь проходят сквозь картинку прямо на figure */
}

/* 🌟 МАГИЯ ФИКСА: При наведении мыши на блок, основная картинка Glide плавно растворяется,
   оголяя идеально работающий, двигающийся фоновый зум! */
.ung-list-photo-stage .zoom:hover .ung-list-main-picture-element {
    opacity: 0 !important; /* Полное растворение основной картинки */
}

/* Страховка для стикера NEW: он всегда должен быть на самом переднем плане, даже выше зума */
.ung-list-photo-stage .ung-premium-sticker-new {
    z-index: 10 !important;
}

/* ==========================================================================
   UngShop Massive Brand & Country Sticker Badges (Mint-Teal & Gold-Coffee)
   ========================================================================== */

/* Общий фикс для крупных, массивных баджей в карточке */
.ung-list-product-main-title {
    margin-top: 10px !important;
}
.ung-list-stickers-badge-row .massive-badge {
    padding: 8px 16px !important;    /* Крупные, массивные внутренние отступы */
    font-size: 14px !important;       /* Увеличенный, контрастный размер шрифта */
    border-radius: 8px !important;    /* Премиальное скругление углов */
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;      /* Максимально жирный текст */
    box-sizing: border-box !important;
}

/* 🟢 БРЕНД: Глубокая изумрудная маркерная подсветка */
.ung-list-stickers-badge-row .ung-brand-sticker-pill.massive-badge {
    color: #ffffff !important;         /* Белоснежный текст */
    background-color: #0f766e !important; /* Наша фирменная бирюза */
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.15) !important; /* Мягкое изумрудное свечение */
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid #0f766e !important;
}

/* Ховер бренда — плавно наливается глубоким мятным тоном */
.ung-list-stickers-badge-row .ung-brand-sticker-pill.massive-badge:hover {
    background-color: #115e59 !important;
    border-color: #115e59 !important;
    transform: translateY(-1px) !important; /* Легкое приподнятие при наведении */
    box-shadow: 0 6px 15px rgba(15, 118, 110, 0.25) !important;
}

/* 🟡 СТРАНА: Пастельная золотисто-кофейная маркерная подсветка */
.ung-list-stickers-badge-row .ung-country-sticker-pill.massive-badge {
    color: #5c4033 !important;         /* Благородный кофейно-коричневый текст */
    background-color: #fef3c7 !important; /* Нежная золотистая подложка */
    border: 1px solid #fde68a !important; /* Золотой ободок карточки */
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.05) !important;
}

/* Изолированный маркер флага перед текстом */
.ung-list-stickers-badge-row .ung-flag-emoji-mask {
    font-size: 16px !important;        /* Крупный, читаемый размер эмодзи-флага */
    line-height: 1 !important;
    margin-right: 8px !important;      /* Жесткий правый отступ от текста страны */
    display: inline-block !important;
}
.star-rating__wrap.ung-gold-stars .star-rating__ico {
    font-family: "bootstrap-icons" !important; /* Жестко фиксируем шрифт стрелок и звезд */
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    speak: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Переопределяем контент: если AJAX подставил класс fa-star, мы принудительно рендерим залитую звезду из Bootstrap Icons */
.star-rating__wrap.ung-gold-stars .star-rating__ico.fa-star,
.star-rating__wrap.ung-gold-stars .star-rating__ico.bi-star-fill {
    color: #fbbf24 !important; /* Наше благородное золото */
}
.star-rating__wrap.ung-gold-stars .star-rating__ico.fa-star::before,
.star-rating__wrap.ung-gold-stars .star-rating__ico.bi-star-fill::before {
    content: "\f586" !important; /* Юникод-код залитой звезды в Bootstrap Icons (\f586) */
}

/* Переопределяем контент для пустых звезд, если AJAX сбросил класс */
.star-rating__wrap.ung-gold-stars .star-rating__ico.bi-star::before {
    content: "\f588" !important; /* Юникод-код контурной звезды в Bootstrap Icons (\f588) */
    color: #cbd5e1 !important;
}

/* ==========================================================================
   UngShop Premium Most-Ordered Hits Grid UI Suite (Mint, Teal & Raspberry)
   ========================================================================== */

/* Адаптивная CSS Grid обертка сетки */
.ung-premium-hits-grid-system {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Сама независимая микро-карточка хита */
.ung-premium-hit-block {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important; /* Современное скругление углов */
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.01) !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Ховер карточки хита — плавно подсвечивается мягкой бирюзой */
.ung-premium-hit-block:hover {
    border-color: #ccfbf1 !important;
    box-shadow: 0 10px 25px rgba(15, 118, 110, 0.06) !important;
    transform: translateY(-2px) !important;
}

/* Круглый неоновый малиновый значок огня в углу */
.ung-hit-fire-badge-circle {
    top: 12px !important;
    right: 12px !important;
    background-color: #fdf2f8 !important; /* Розовая пудра */
    border: 1px solid #fbcfe8 !important;
    color: #db2777 !important; /* Сочная малина */
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    z-index: 5 !important;
    box-shadow: 0 2px 6px rgba(219, 39, 119, 0.1) !important;
}

/* Зона фотографии товара */
.ung-hit-image-header-container {
    height: 140px !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    border-color: #f1f5f9 !important;
}
.ung-hit-main-thumb-img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important; /* Полная защита от растягивания фото */
}

/* ТЕКСТОВЫЕ ДЕТАЛИ */
.ung-hit-category-breadcrumbs-line { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.ung-hit-cat-main-url { color: #0f766e !important; text-decoration: none !important; }
.ung-hit-cat-slash { color: #cbd5e1 !important; margin: 0 2px !important; }
.ung-hit-cat-sub-url { color: #64748b !important; text-decoration: none !important; }

/* Название товара до 2 строк */
.ung-hit-product-title a {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    transition: color 0.1s ease !important;
}
.ung-hit-product-title a:hover { color: #0f766e !important; }

/* Баджи мета-данных */
.ung-hit-brand-pill { font-size: 10.5px !important; background-color: #fafaf9 !important; color: #5c4033 !important; border: 1px solid #e7e5e4 !important; padding: 4px 8px !important; border-radius: 4px !important; text-decoration: none !important; }
.ung-hit-country-pill { font-size: 10.5px !important; background-color: #fef3c7 !important; color: #5c4033 !important; border: 1px solid #fde68a !important; padding: 4px 8px !important; border-radius: 4px !important; }
.ung-hit-flag-mask { font-size: 13px !important; margin-right: 4px !important; }

/* Ценники хитов */
.ung-hit-price-block-row .ung-hit-current-price { font-size: 18px !important; font-weight: 800 !important; color: #db2777 !important; }
.ung-hit-price-block-row .ung-hit-old-price { font-size: 13px !important; color: #94a3b8 !important; }

/* Компактные кнопки для блока хитов */
.ung-hit-action-footer-buttons-card-row .ung-btn-add-to-cart-action { padding: 8px 14px !important; font-size: 12px !important; border-radius: 6px !important; }
.ung-hit-action-footer-buttons-card-row .ung-btn-wishlist-action-trigger { width: 36px !important; height: 36px !important; border-radius: 6px !important; }
.ung-hit-action-footer-buttons-card-row .ung-btn-wishlist-action-trigger i { font-size: 13px !important; }

/* ==========================================================================
   UngShop Recent Horizontal Products Box UI Suite (High-Contrast & Clean)
   ========================================================================== */

/* Плашка-заголовок секции новинок */
.ung-recent-header-banner {
    background: linear-gradient(135deg, #fdf2f8 0%, #f5f3ff 100%) !important;
    border-color: #fbcfe8 !important;
}

/* Анимация пульсации изумрудной звезды */
.text-teal-animated {
    color: #0f766e !important;
    display: inline-block !important;
    animation: ungRecentStarBounce 2s infinite ease-in-out !important;
}
@keyframes ungRecentStarBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px) scale(1.1); color: #db2777 !important; }
}

/* Кнопка "Дивитись всі" в шапке баннера */
.ung-btn-lasts-view-all {
    background-color: #0f766e !important;
    border: 1px solid #0f766e !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    transition: all 0.2s !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.15) !important;
}
.ung-btn-lasts-view-all:hover {
    background-color: #115e59 !important;
    border-color: #115e59 !important;
    color: #ffffff !important;
    transform: translateY(-0.5px) !important;
}

/* Базовое состояние горизонтальной карточки новинки */
.ung-premium-recent-horiz-card {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    border-radius: 12px !important; /* Современные скругленные углы */
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.01) !important;
}
.ung-premium-recent-horiz-card:hover {
    border-color: #ccfbf1 !important; /* Мягкое мятное подсвечивание ободка */
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.05) !important;
}

/* Фиксация бокса фотографии новинки (90px на 120px) */
.ung-recent-thumb-wrapper {
    width: 90px !important;
    height: 120px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    border-color: #f1f5f9 !important;
}
.ung-recent-thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Полная защита от деформации картинок */
}

/* Категории новинок */
.ung-recent-cat-breadcrumbs { font-size: 11px !important; text-transform: uppercase !important; }
.ung-recent-cat-main { color: #0f766e !important; font-weight: 800 !important; text-decoration: none !important; }
.ung-recent-cat-slash { color: #cbd5e1 !important; margin: 0 2px !important; }
.ung-recent-cat-sub { color: #5c4033 !important; font-weight: 700 !important; text-decoration: none !important; }

/* Название товара */
.ung-recent-product-title a {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    transition: color 0.1s ease !important;
}
.ung-recent-product-title a:hover { color: #0f766e !important; }

/* Крупные баджи-стикеры */
.ung-recent-brand-pill { font-size: 10.5px !important; background-color: #f5f5f4 !important; color: #5c4033 !important; border: 1px solid #e7e5e4 !important; padding: 4px 8px !important; border-radius: 4px !important; text-decoration: none !important; text-transform: uppercase !important; }
.ung-recent-country-pill { font-size: 10.5px !important; background-color: #fef3c7 !important; color: #5c4033 !important; border: 1px solid #fde68a !important; padding: 4px 8px !important; border-radius: 4px !important; text-transform: uppercase !important; }
.ung-recent-flag-mask { font-size: 12.5px !important; margin-right: 4px !important; }

/* Ценники */
.ung-recent-current-price { font-size: 17px !important; }
.ung-recent-old-price { color: #94a3b8 !important; }


/* ==========================================================================
   UngShop Swiper Classic Dual-Gallery Suite (HIGH-PRIORITY CONTROL POINT)
   🌟 ИСПРАВЛЕНО: Восстановлено свободное перемещение влево-вправо!
   ========================================================================== */

/* Общая высота контейнера галереи подстраивается под соседний col-блок */
.ung-premium-product-gallery-container {
    height: 100% !important;
}

/* Главный слайдер Swiper */
.ung-main-product-swiper-slider {
    width: 100% !important;
    height: 100% !important;
    min-height: 440px !important; /* Страховка от схлопывания */
    position: relative !important;
    border-color: #ccfbf1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Ізольований бокс зуму всередині слайдів */
.ung-main-product-swiper-slider .zoom {
    background-repeat: no-repeat !important;

    /* 🌟 ИСПРАВЛЕНО: Запрещаем привязку к окну, разрешаем свободный скролл внутри блока */
    background-attachment: scroll !important;

    /* Стартовый пассивный размер сжат в 0% (Никакого двоения контуров!) */
    background-size: 0% 0% !important;
    background-position: center !important;

    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: zoom-in !important;
    position: relative !important;
    z-index: 1 !important;

    /* Мягкая плавность перемещения координат */
    transition: background-position 0.05s ease-out !important;
}

/* В момент наведения МГНОВЕННО разворачиваем фон до 250% */
.ung-main-product-swiper-slider .zoom:hover {
    background-size: 250% 250% !important;
}

/* Головна картинка Glide */
.ung-main-product-swiper-slider .ung-gallery-main-img {
    transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
    z-index: 5 !important;

    /* 🌟 ЖЕЛЕЗНЫЙ ФИКС: Мышь полностью игнорирует невидимую картинку и бьет в контейнер zoom! */
    pointer-events: none !important;
}

/* Полное растворение основной картинки при ховере */
.ung-main-product-swiper-slider .zoom:hover .ung-gallery-main-img {
    opacity: 0 !important;
}

/* Кастомизация стрелочек Swiper */
.ung-main-product-swiper-slider .swiper-button-next::after,
.ung-main-product-swiper-slider .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #0f766e !important;
}
.ung-main-product-swiper-slider .swiper-button-next,
.ung-main-product-swiper-slider .swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.85) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.1) !important;
    border: 1px solid #ccfbf1 !important;
}

/* 🎞️ ЛЕНТА МИНИАТЮР (THUMBS) */
.ung-thumbs-product-swiper-slider {
    width: 100% !important;
    height: 76px !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
}
.ung-thumbs-product-swiper-slider .swiper-slide {
    width: 70px !important;
    height: 70px !important;
    opacity: 0.55 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 3px !important;
    cursor: pointer !important;
    transition: all 0.15s ease-in-out !important;
}
.ung-thumbs-product-swiper-slider .swiper-slide:hover {
    opacity: 0.85 !important;
    border-color: #94a3b8 !important;
}

/* 🌟 АКТИВНАЯ МИНИАТЮРА: Загорается малиной */
.ung-thumbs-product-swiper-slider .swiper-slide-thumb-active {
    opacity: 1 !important;
    border: 2px solid #db2777 !important;
    box-shadow: 0 4px 10px rgba(219, 39, 119, 0.18) !important;
}
.ung-gallery-thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Адаптивный сброс высоты для смартфонов */
@media (max-width: 767.98px) {
    .ung-main-product-swiper-slider {
        height: 320px !important;
        min-height: 320px !important;
        border-radius: 0 !important;
    }
    .ung-thumbs-product-swiper-slider {
        height: 66px !important;
    }
    .ung-thumbs-product-swiper-slider .swiper-slide {
        width: 60px !important;
        height: 60px !important;
    }
}