/* Фиджи-Сервис — «Сопутствующие товары и услуги» 2026.
   Полностью изолировано от main_products_2026 и текущего related. */
.fiji-related-2026 {
    --related-blue:#0086d1;
    --related-ink:#10254b;
    --related-gap:16px;
    width:100%; min-width:0; padding:34px 32px 22px; margin:24px 0 30px;
    box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden;
    border-radius:24px;
    background:radial-gradient(ellipse at center,#e5f4ff 0%,#f4faff 74%);
    font-family:Arial,Helvetica,sans-serif; color:var(--related-ink);
}
.fiji-related-2026 *, .fiji-related-2026 *::before, .fiji-related-2026 *::after {box-sizing:border-box}
.fiji-related-2026__container {max-width:1200px; width:100%; min-width:0; margin:0 auto}
.fiji-related-2026__head {padding:0 9px; margin-bottom:12px}
.fiji-related-2026__eyebrow {display:flex; align-items:center; gap:12px; margin-bottom:10px; color:var(--related-blue); font-size:11px; font-weight:800; letter-spacing:1.6px}
.fiji-related-2026__eyebrow::after {content:""; width:48px; height:2px; background:var(--related-blue)}
.fiji-related-2026__title {margin:0!important; padding:0!important; color:var(--related-ink)!important; font:800 30px/1.15 Arial,Helvetica,sans-serif!important; letter-spacing:-.7px}
.fiji-related-2026__subtitle {margin:7px 0 0; color:#7183a5; font-size:13px; line-height:1.4}
.fiji-related-2026__carousel {position:relative; min-width:0}
.fiji-related-2026__viewport {overflow:hidden; width:100%; min-width:0; padding:19px 3px 22px; outline-offset:3px; touch-action:pan-y}
.fiji-related-2026__track {display:flex; align-items:stretch; gap:var(--related-gap); min-width:0; transition:transform .38s cubic-bezier(.22,.61,.36,1); will-change:transform}
.fiji-related-2026 .fiji-related-2026__card {
    position:relative; flex:0 0 calc((100% - 4 * var(--related-gap)) / 5);
    min-width:0; margin:0; padding:15px 13px 14px;
    display:flex; flex-direction:column; isolation:isolate;
    border:1px solid #e4eff9; border-radius:22px;
    background:linear-gradient(155deg,#fff,#fbfdff 72%,#f6fbff);
    box-shadow:0 8px 24px rgba(0,134,209,.08);
    transition:box-shadow .2s ease,border-color .2s ease;
}
.fiji-related-2026__open {position:absolute; inset:0; z-index:1; border-radius:inherit; text-decoration:none!important}
.fiji-related-2026__top {height:58px; position:relative; display:flex; justify-content:space-between; gap:4px; flex:none}
.fiji-related-2026__badges {display:flex; flex-wrap:wrap; align-items:flex-start; gap:4px; max-width:46%}
.fiji-related-2026__badge {display:inline-flex; align-items:center; padding:6px 9px; border-radius:100px; background:#0086d1; color:white; font-size:10px; font-weight:700; line-height:1.2}
.fiji-related-2026__badge.is-sale {background:#ff3a43}
.fiji-related-2026__badge.is-new {background:#20bb55}
.fiji-related-2026__badge.is-hit {background:#ffdc48; color:#17304b}
.fiji-related-2026__note {align-self:flex-start; max-width:70%; color:#7587af; font-family:"Segoe Print","Comic Sans MS",cursive; font-size:11px; font-weight:700; font-style:italic; line-height:1.25; transform:rotate(-5deg); overflow-wrap:anywhere}
.fiji-related-2026__image {height:177px; width:100%; margin:0 0 10px; flex:none; display:flex; align-items:center; justify-content:center}
.fiji-related-2026__image img {display:block; width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center; background:transparent; border:0}
.fiji-related-2026__no-photo {color:#89a2b9; font-size:12px}
.fiji-related-2026__name {margin:0!important; padding:0!important; min-height:63px; color:#10254b!important; font:800 17px/1.22 Arial,Helvetica,sans-serif!important; letter-spacing:-.35px; overflow-wrap:anywhere}
.fiji-related-2026__spacer {flex:1; min-height:9px}
.fiji-related-2026__price {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; margin:8px 0 12px; color:#f12735; text-align:center; line-height:1.2}
.fiji-related-2026__price strong {font:800 23px/1.2 Arial,Helvetica,sans-serif; white-space:nowrap; color:#f12735}
.fiji-related-2026__price strong small {font:500 12px/1 Arial,Helvetica,sans-serif}
.fiji-related-2026__price del {color:#8798a9; font-size:11px}
.fiji-related-2026__price-request {font-size:13px; color:#607991; font-weight:700}
/* Важно: классы .btn_buy div остаются для существующего ajax/buy.php */
.fiji-related-2026 .fiji-related-2026__buy {position:relative; z-index:3; width:100%; margin:0; padding:0; flex:none}
.fiji-related-2026 .fiji-related-2026__buy-control {display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; width:100%; padding:10px 12px; border:1px solid var(--related-blue); border-radius:24px; background:var(--related-blue); box-shadow:0 5px 13px rgba(0,134,209,.13); color:#fff!important; font-size:13px; line-height:1.3; font-family:Arial,Helvetica,sans-serif; font-weight:700; cursor:pointer; user-select:none; transition:background .2s,box-shadow .2s}
.fiji-related-2026 .fiji-related-2026__buy-control svg {flex:none;display:block;width:17px;height:17px}
.fiji-related-2026 .fiji-related-2026__buy-control:hover {background:#006db5; box-shadow:0 7px 16px rgba(0,134,209,.24)}
.fiji-related-2026 .fiji-related-2026__buy-control:active {background:#005d9e}
.fiji-related-2026 .fiji-related-2026__buy-control:focus-visible,.fiji-related-2026__open:focus-visible,.fiji-related-2026 button:focus-visible {outline:3px solid #ffbf37; outline-offset:3px}
.fiji-related-2026 .fiji-related-2026__card:focus-within {border-color:var(--related-blue)}
@media (hover:hover) and (pointer:fine){.fiji-related-2026 .fiji-related-2026__card:hover{border-color:#9fcfe9;box-shadow:0 12px 30px rgba(0,111,187,.17)}}
/* Навигация */
.fiji-related-2026__arrow {position:absolute; z-index:5; top:49%; transform:translateY(-50%); display:grid; place-items:center; width:42px; height:42px; padding:0 0 4px; border:0; border-radius:50%; background:#fff; color:var(--related-blue); box-shadow:0 5px 18px rgba(0,134,209,.14); font-size:33px; line-height:1; cursor:pointer}
.fiji-related-2026__arrow:hover {background:var(--related-blue); color:#fff}
.fiji-related-2026__arrow--prev {left:-17px}.fiji-related-2026__arrow--next{right:-17px}
.fiji-related-2026__arrow[hidden] {display:none!important}
.fiji-related-2026__dots {display:flex; justify-content:center; align-items:center; gap:9px; min-height:25px; margin:1px 0 0}
.fiji-related-2026__dots button {position:relative; width:28px; height:24px; padding:0; border:0; background:transparent; cursor:pointer}
.fiji-related-2026__dots button::after {content:""; display:block; width:7px; height:7px; margin:auto; border-radius:20px; background:#b8cedd}
.fiji-related-2026__dots button.is-active::after {width:24px; background:var(--related-blue)}
.fiji-related-2026__dots[hidden] {display:none!important}
@media (max-width:1024px) {
  .fiji-related-2026 {padding:29px 28px 20px}
  .fiji-related-2026 .fiji-related-2026__card {flex-basis:calc((100% - var(--related-gap)) / 2)}
  .fiji-related-2026__arrow--prev{left:-19px}.fiji-related-2026__arrow--next{right:-19px}
  .fiji-related-2026__image{height:200px}
  .fiji-related-2026__name{min-height:58px}
}
@media (max-width:767px) {
  .fiji-related-2026 {padding:25px 24px 19px; margin:16px 0; border-radius:18px}
  .fiji-related-2026__title {font-size:24px!important}
  .fiji-related-2026__eyebrow {font-size:10px}
  .fiji-related-2026__subtitle {font-size:12px}
  .fiji-related-2026 .fiji-related-2026__card {flex-basis:100%;padding:18px;border-radius:20px}
  .fiji-related-2026__viewport {padding:15px 2px 20px}
  .fiji-related-2026__top {height:53px}
  .fiji-related-2026__note {font-size:12px}
  .fiji-related-2026__image {height:210px}
  .fiji-related-2026__name {min-height:0;font-size:19px!important}
  .fiji-related-2026__price strong {font-size:25px}
  .fiji-related-2026__arrow {width:36px;height:36px;font-size:29px}
  .fiji-related-2026__arrow--prev {left:-20px}.fiji-related-2026__arrow--next{right:-20px}
}
@media (max-width:350px){.fiji-related-2026 {padding-left:17px;padding-right:17px}.fiji-related-2026__arrow--prev{left:-14px}.fiji-related-2026__arrow--next{right:-14px}}
@media (prefers-reduced-motion:reduce){.fiji-related-2026__track,.fiji-related-2026 .fiji-related-2026__card,.fiji-related-2026 .fiji-related-2026__buy-control{transition:none!important}}
/* FIJI-SERVICE / Сопутствующие товары — улучшение v2.
   Только отдельный блок related_2026, без изменения работы корзины. */

.fiji-related-2026 {
    --related-gap: 14px;
    margin: 18px 0 26px;
    padding: 27px 29px 24px;
    background: radial-gradient(ellipse 62% 90% at 50% 45%, #e8f6ff 0%, #f2faff 72%, #f9fcff 100%);
    border: 1px solid #e4f0f9;
    border-radius: 22px;
}
.fiji-related-2026__head { padding: 0 4px; margin-bottom: 15px; }
.fiji-related-2026__eyebrow { margin-bottom: 9px; font-size: 11px; }
.fiji-related-2026__title {
    font-size: 27px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -.75px;
}
.fiji-related-2026__subtitle { font-size: 13px; margin-top: 7px; }
.fiji-related-2026__viewport { padding: 13px 3px 18px; }

.fiji-related-2026 .fiji-related-2026__card {
    padding: 13px 12px 14px;
    border: 1px solid #dfeefa;
    border-radius: 21px;
    background: linear-gradient(160deg,#fff 0%,#fff 76%,#f6fbff 100%);
    box-shadow: 0 7px 18px rgba(0,109,178,.08);
}
.fiji-related-2026__top { height: 40px; min-height: 40px; }
.fiji-related-2026__badge { padding: 6px 9px; font-size: 10px; }
.fiji-related-2026__note {
    max-width: 70%;
    font-size: 11px;
    line-height: 1.24;
    color: #7285b1;
}
.fiji-related-2026__image { height: 171px; margin: 3px 0 12px; }
.fiji-related-2026__image img { object-fit: contain; }
.fiji-related-2026__name {
    min-height: 58px;
    color: #10254b !important;
    font-size: 15px !important;
    line-height: 1.23 !important;
    letter-spacing: -.18px;
    font-weight: 800 !important;
}
.fiji-related-2026__spacer { min-height: 2px; }
.fiji-related-2026__price { margin: 6px 0 11px; min-height: 31px; }
.fiji-related-2026__price strong { font-size: 22px; }
.fiji-related-2026 .fiji-related-2026__buy-control {
    min-height: 41px;
    font-size: 13px;
    background: #0086d1;
    border-radius: 24px;
    box-shadow: 0 5px 12px rgba(0,134,209,.13);
}
.fiji-related-2026 .fiji-related-2026__card:hover {
    box-shadow: 0 12px 28px rgba(0,111,187,.13);
}
.fiji-related-2026__dots { margin-top: 0; }

/* Не заполняем пустоту выдуманным товаром: если в RELATED меньше 5,
   существующие карточки равномерно занимают весь ряд. */
@media (min-width: 1025px) {
    .fiji-related-2026[data-card-count="4"] .fiji-related-2026__track
    > .fiji-related-2026__card {
        flex-basis: calc((100% - 3 * var(--related-gap)) / 4);
    }
    .fiji-related-2026[data-card-count="3"] .fiji-related-2026__track
    > .fiji-related-2026__card {
        flex-basis: calc((100% - 2 * var(--related-gap)) / 3);
    }
    .fiji-related-2026[data-card-count="2"] .fiji-related-2026__track
    > .fiji-related-2026__card {
        flex-basis: calc((100% - var(--related-gap)) / 2);
    }
    .fiji-related-2026[data-card-count="1"] .fiji-related-2026__track
    > .fiji-related-2026__card {
        flex-basis: min(100%, 320px);
    }
    .fiji-related-2026[data-card-count="4"] .fiji-related-2026__track
    .fiji-related-2026__image { height: 185px; }
    .fiji-related-2026[data-card-count="4"] .fiji-related-2026__track
    .fiji-related-2026__name { font-size: 16px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .fiji-related-2026 { padding: 27px 27px 20px; }
    .fiji-related-2026__image { height: 185px; }
    .fiji-related-2026__name { font-size: 17px !important; min-height: 52px; }
}
@media (max-width: 767px) {
    .fiji-related-2026 { padding: 24px 23px 20px; margin: 14px 0 22px; }
    .fiji-related-2026__title { font-size: 24px !important; }
    .fiji-related-2026 .fiji-related-2026__card { padding: 17px; }
    .fiji-related-2026__top { height: 43px; }
    .fiji-related-2026__image { height: 200px; }
    .fiji-related-2026__name { min-height: 0; font-size: 19px !important; }
    .fiji-related-2026__price strong { font-size: 24px; }
    .fiji-related-2026 .fiji-related-2026__buy-control { min-height: 46px; font-size: 14px; }
}