.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"}
/* ==========================================================================
   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;
    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: 380px !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;
}

/* Фикс одинаковой высоты слайдов в сетке Flexbox Swiper */
.swiper-slide.h-auto {
    height: auto !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;*/
/*    }*/
/*}*/