/* dsky_sw_test.css — 08.10.2026: ТЕСТ карточки «как у Swarovski», только по ссылке с ?ds_sw=1. Всё под body.sw-test. */
body.sw-test{overflow-x:clip}
.sw-test .rm-product-images > *:not(.sw-gal):not(.sw-dots):not(.sw-acc){display:none !important}
.sw-test .rm-product-top{display:none !important}
.sw-test .rm-product-center-info{display:none !important}
.sw-test .sw-c1{flex:0 0 58%;max-width:58%;padding-right:24px}
.sw-test .sw-c2{flex:0 0 42%;max-width:42%;align-self:flex-start;position:sticky;top:16px}
.sw-test .sw-c3{display:none !important}
.sw-test .sw-gal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sw-test .sw-ph{background:#fff;aspect-ratio:1/1;overflow:hidden}
.sw-test .sw-ph1{grid-column:1/-1}
.sw-test .sw-ph img{width:100%;height:100%;object-fit:contain;display:block}
.sw-test .sw-panel{display:block !important;height:auto !important;padding:8px 8px 8px 24px !important;background:#fff}
.sw-test .sw-panel > *{grid-area:auto !important}
.sw-test .sw-panel .rm-product-center-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sw-test .sw-head{position:relative;border-bottom:1px solid #e6e6e6;padding:0 44px 14px 0;margin-bottom:6px}
.sw-test .sw-name{font-size:22px;font-weight:600;line-height:1.3;color:#111}
.sw-test .sw-sub{font-size:15px;color:#444;margin-top:4px}
.sw-test .sw-model{font-size:12px;color:#8a8a8a;margin-top:6px}
.sw-test .sw-serd{position:absolute;top:0;right:0}
.sw-test .sw-panel .rm-product-center-buttons .btn,.sw-test .sw-panel button.rm-btn{height:52px;font-size:16px}
.sw-test .sw-acc{margin:18px 0;border-top:1px solid #e6e6e6}
.sw-test .sw-acc details{border-bottom:1px solid #e6e6e6}
.sw-test .sw-acc summary{list-style:none;cursor:pointer;padding:16px 2px;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.sw-test .sw-acc summary::-webkit-details-marker{display:none}
.sw-test .sw-acc summary::after{content:'+';font-weight:400;font-size:20px;line-height:1}
.sw-test .sw-acc details[open] summary::after{content:'−'}
.sw-test .sw-acc .ds-razdel,.sw-test .sw-acc .sw-txt{padding:0 2px 16px !important;margin:0 !important;font-size:14px;color:#333;background:none !important;box-shadow:none !important;border:0 !important}
.sw-test .sw-acc .ds-razdel *{padding-left:0 !important;padding-right:0 !important;border-color:transparent !important;box-shadow:none !important}
@media (max-width:1199.98px){
  .sw-test .sw-c1,.sw-test .sw-c2{flex:0 0 100%;max-width:100%;padding:0;position:static}
  .sw-test .rm-product-images{position:relative}
  .sw-test .sw-gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none}
  .sw-test .sw-gal::-webkit-scrollbar{display:none}
  .sw-test .sw-ph{flex:0 0 100%;scroll-snap-align:start}
  .sw-test .sw-dots{display:flex !important;justify-content:center;gap:8px;padding:10px 0 4px}
  .sw-test .sw-dots i{width:8px;height:8px;border-radius:50%;border:1px solid #333;background:#fff}
  .sw-test .sw-dots i.on{background:#333}
  .sw-test .sw-panel{padding:16px !important}
  .sw-test .sw-name{font-size:19px}
}
.sw-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.08);transform:translateY(105%);transition:transform .35s ease}
.sw-bar.on{transform:translateY(0)}
.sw-bar-in{max-width:none;margin:0;padding:12px 0;display:flex;align-items:center;gap:24px}
.sw-bar-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.sw-bar-t b{font-size:15px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-bar-t span{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-bar-c{font-size:18px;font-weight:700;color:#111;white-space:nowrap}
/* цвет, наведение и «волна» — от темы (rm-btn dark), как у основной кнопки */
.sw-bar-b{flex:0 0 260px;height:48px;font-size:15px}
@media (max-width:1199.98px){.sw-bar{display:none}}
.sw-test .sw-panel .rm-product-center-price{justify-content:flex-start !important;text-align:left !important}
.sw-test .sw-panel .rm-product-center-price{width:100% !important;max-width:none !important;float:none !important;margin-left:0 !important;justify-self:start !important;position:static !important}
.sw-test .sw-acc .sw-txt h4{font-size:14px;font-weight:600;color:#111;margin:14px 0 4px}
.sw-test .sw-acc .sw-txt h4:first-child{margin-top:0}
.sw-test .sw-acc .sw-txt p{margin:0 0 6px;line-height:1.55}
.sw-test .sw-acc .sw-txt ul{margin:6px 0 10px;padding-left:18px}
.sw-test .sw-acc .sw-txt li{margin:0 0 6px;line-height:1.55}
.sw-test .sw-acc .sw-ssylki{margin-top:12px}
.sw-test .sw-acc .sw-ssylki a{margin-right:16px;text-decoration:underline;color:#111}
.sw-test .sw-acc .sw-ssylki a:hover{color:#FB9130}
/* просмотр фото на весь экран */
.sw-test .sw-ph img{cursor:zoom-in}
.sw-lb{position:fixed;inset:0;z-index:10060;background:#fff;display:none}
.sw-lb.on{display:block}
.sw-lb-ok{position:absolute;inset:0 70px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sw-lb-ok img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .25s ease;user-select:none;-webkit-user-drag:none}
.sw-lb-zum .sw-lb-ok img{transform:scale(2.3);cursor:zoom-out;transition:transform .25s ease}
.sw-lb-x{position:absolute;top:16px;right:16px;z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:#f1f1f1;font-size:30px;line-height:1;color:#111;cursor:pointer}
.sw-lb-x:hover{background:#e4e4e4}
.sw-lb-p,.sw-lb-n{position:absolute;top:50%;z-index:2;width:56px;height:80px;margin-top:-40px;border:0;background:transparent;cursor:pointer}
.sw-lb-p{left:8px}.sw-lb-n{right:8px}
.sw-lb-p::before,.sw-lb-n::before{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;border:solid #111;border-width:0 0 2px 2px;transform:translate(-30%,-50%) rotate(45deg)}
.sw-lb-n::before{transform:translate(-70%,-50%) rotate(-135deg)}
.sw-lb-sch{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:13px;color:#666}
@media (max-width:767.98px){.sw-lb-ok{inset:60px 0 50px}.sw-lb-p,.sw-lb-n{display:none}.sw-lb-zum .sw-lb-ok img{transform:scale(2.5)}}
/* карусель «Дополните образ»: появление по очереди справа + увеличение фото при наведении (как у Swarovski) */
@keyframes swIzSprava{0%{opacity:0;transform:translateX(8%)}100%{opacity:1;transform:translateX(0)}}
.sw-test .sw-kar .rm-module-col{opacity:0}
.sw-test .sw-kar.sw-kar-on .rm-module-col{animation:swIzSprava .8s cubic-bezier(.165,.84,.44,1) both}
.sw-test .sw-kar .rm-module-img{overflow:hidden}
.sw-test .sw-kar .rm-module-img img{transition:transform .4s cubic-bezier(.165,.84,.44,1)}
.sw-test .sw-kar .rm-module-item:hover .rm-module-img img{transform:scale(1.1)}
.sw-bar-b{color:#fff !important;font-size:16px !important;font-weight:400}
.sw-bar-b .rm-btn-text{color:#fff}
.sw-bar-b .rm-cart-btn-icon{background-color:#fff !important;margin-right:8px}
/* разделы: плавное раскрытие */
.sw-test .sw-acc-telo{overflow:hidden}
.sw-test .sw-acc summary::after{transition:transform .3s ease}
.sw-test .sw-acc details.sw-acc-otkr summary::after{content:'−'}
.sw-test .sw-acc details:not(.sw-acc-otkr) summary::after{content:'+'}
/* цена: крупная новая первой, рядом старая и скидка — на одной линии */
.sw-test .sw-panel .rm-product-center-price{align-items:center !important;gap:12px !important;padding-top:14px !important}
.sw-test .sw-panel .rm-product-center-price > span{order:-1;line-height:1;margin:0 !important}
.sw-test .sw-panel .rm-product-center-price > div{order:0;margin:0 !important;padding:0 !important;align-self:center;gap:8px;transform:none !important;position:static !important}
.sw-test .sw-panel .rm-product-center-price > div *{margin-top:0 !important;margin-bottom:0 !important;position:static !important;transform:none !important}
.sw-test .sw-kupon{margin-top:16px;max-width:560px}
html body.sw-test{overflow:visible !important}
html:has(body.sw-test){overflow-x:clip}
/* плюс/минус как у Swarovski: тонкие линии, смена за 0,3 с */
.sw-test .sw-acc summary::after{content:'' !important;width:12px;height:12px;flex:0 0 12px;margin-right:4px;background:linear-gradient(#111,#111) center/12px 1.5px no-repeat,linear-gradient(#111,#111) center/1.5px 12px no-repeat;transition:background-size .3s ease-in-out,transform .3s ease-in-out}
.sw-test .sw-acc details.sw-acc-otkr summary::after{background-size:12px 1.5px,1.5px 0;transform:rotate(180deg)}
/* отзывы: широкий блок под карточкой, как у Swarovski */
.sw-otz{background:#fff;margin:24px 0 0;padding:36px 40px}
.sw-otz-h{font-size:26px;font-weight:500;text-align:center;margin:0 0 28px;color:#111}
.sw-otz-in{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.sw-otz-mag{font-size:14px;color:#555;margin:0 0 14px;line-height:1.5}
.sw-otz-sr{display:flex;align-items:baseline;gap:8px}
.sw-otz-sr b{font-size:48px;font-weight:600;line-height:1;color:#111}
.sw-otz-sr span{font-size:15px;color:#666}
.sw-zv{display:inline-flex;gap:3px;margin:8px 0 4px}
.sw-zv i{width:16px;height:16px;background:#d9d9d9;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.sw-zv i.on{background:#FB9130}
.sw-otz-kol{font-size:14px;color:#555;margin-bottom:16px}
.sw-otz-st{display:flex;align-items:center;gap:10px;font-size:13px;color:#444;margin:6px 0}
.sw-otz-st span{width:24px}
.sw-otz-st i{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}
.sw-otz-st i b{display:block;height:100%;background:#2F3540;border-radius:3px}
.sw-otz-st em{font-style:normal;width:34px;text-align:right;color:#777}
.sw-otz-btn{width:100%;height:48px;margin-top:20px;font-size:15px;color:#fff !important}
.sw-otz-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sw-otz-k{border:1px solid #ececec;border-radius:8px;padding:18px}
.sw-otz-k .sw-zv{margin-top:0}
.sw-otz-a{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:6px 0 8px}
.sw-otz-a span{color:#888;font-size:13px}
.sw-otz-k p{font-size:14px;line-height:1.55;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.sw-otz-t{display:block;margin-top:10px;font-size:13px;color:#555;text-decoration:underline}
.sw-otz-t:hover{color:#FB9130}
.sw-otz-forma{display:none;margin-top:28px;border-top:1px solid #ececec;padding-top:24px}
.sw-otz-forma.on{display:block}
@media (max-width:991.98px){.sw-otz{padding:24px 16px}.sw-otz-in{grid-template-columns:1fr;gap:24px}.sw-otz-r{grid-template-columns:1fr}}
.sw-otz-k{display:flex;flex-direction:column;height:100%}
.sw-otz-k p{margin-bottom:14px}
.sw-otz-t{margin-top:auto !important;padding-top:4px}
.sw-otz-r{align-items:stretch}
/* низ карточек отзывов = низ кнопки «Написать отзыв» */
.sw-otz-in{align-items:stretch !important}
.sw-otz-l{display:flex;flex-direction:column}
.sw-otz-btn{margin-top:auto !important}
.sw-otz-l .sw-otz-hist{margin-bottom:20px}
.sw-otz-r{grid-auto-rows:1fr;height:100%}
/* низ карточки отзыва: черта, маленькое фото и название товара (вариант 1, выбран Boss) */
.sw-otz-tov{margin-top:auto;padding-top:14px;border-top:1px solid #efefef;display:flex;align-items:center;gap:12px;text-decoration:none !important;color:#222}
.sw-otz-tov img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#fafafa;flex:0 0 48px}
.sw-otz-tov span{font-size:13px;line-height:1.35;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw-otz-tov:hover span{color:#FB9130}
@media (max-width:991.98px){.sw-otz-r{grid-auto-rows:auto}.sw-otz-k{height:auto}.sw-otz-tov{margin-top:6px}}
/* отзывы на телефоне: компактная шапка, карточки листаются вбок */
@media (max-width:767.98px){
  .sw-otz{padding:22px 0 26px}
  .sw-otz-h{font-size:22px;margin-bottom:16px}
  .sw-otz-l{padding:0 16px}
  .sw-otz-mag{font-size:13px;margin-bottom:10px}
  .sw-otz-sr b{font-size:34px}
  .sw-otz-l .sw-zv{margin:4px 0 2px}
  .sw-otz-kol{margin-bottom:12px}
  .sw-otz-hist{display:none}
  .sw-otz-btn{margin-top:4px !important;height:44px}
  .sw-otz-r{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 16px 8px;height:auto;scrollbar-width:none}
  .sw-otz-r::-webkit-scrollbar{display:none}
  .sw-otz-k{flex:0 0 82%;scroll-snap-align:center;height:auto}
}
@media (min-width:1200px){.sw-test .sw-c2{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}.sw-test .sw-c2::-webkit-scrollbar{width:5px}.sw-test .sw-c2::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:3px}}
/* без видимых полос прокрутки у панели (Boss) */
@media (min-width:1200px){.sw-test .sw-c2{scrollbar-width:none !important}.sw-test .sw-c2::-webkit-scrollbar{display:none !important;width:0 !important}}
/* без прокрутки внутри панели — всё видно при обычной прокрутке страницы */
@media (min-width:1200px){.sw-test .sw-c2{overflow:visible !important;max-height:none !important}}
/* фото по одному на всю ширину колонки — галерея длиннее панели, панель стоит при прокрутке (Boss: «почему не залипает») */
/* (одна колонка отменена: Boss хочет по две картинки в ряд) */
/* разделы под фото слева (компьютер) */
.sw-test .sw-acc.sw-acc-sleva{margin:28px 0 0;background:#fff;padding:0 4px}
.sw-test .sw-acc.sw-acc-sleva summary{font-size:16px;padding:18px 2px}
/* «Дополните образ»: плашка рейтинга поверх низа фото, а не отдельной строкой — строки карточек на одном уровне */
.sw-test .sw-kar .rm-module-img{position:relative}
.sw-test .sw-kar a.ds-otzyv{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);margin:0 !important;z-index:2}
/* название в карточке — всегда место под 2 строки (длиннее обрезается многоточием), чтобы строки карточек совпадали на любой ширине */
.sw-test .sw-kar .rm-module-title{min-height:calc(2 * 1.5em);line-height:1.5}
.sw-test .sw-kar .rm-module-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw-test .sw-acc .sw-txt a{color:#111;text-decoration:underline;text-underline-offset:2px}
.sw-test .sw-acc .sw-txt a:hover{color:#FB9130}
/* телефон: в «Дополните образ» рейтинг и название как у темы (правки выше — для компьютера) */
@media (max-width:767.98px){.sw-test .sw-kar a.ds-otzyv{position:static;transform:none;margin:8px auto 0 !important}.sw-test .sw-kar .rm-module-title{min-height:0}.sw-test .sw-kar .rm-module-title a{display:inline;-webkit-line-clamp:unset;overflow:visible}}
/* телефон: отзывы по одному со стрелками (как у Swarovski) */
@media (max-width:767.98px){
  .sw-otz-kar{position:relative}
  .sw-otz-kar .sw-otz-r{padding:4px 16px 8px}
  .sw-otz-kar .sw-otz-k{flex:0 0 100%;scroll-snap-align:center}
  .sw-otz-str{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;border:0;background:#111;cursor:pointer;z-index:3}
  .sw-otz-str[hidden]{display:none}
  .sw-otz-str::before{content:'';position:absolute;top:50%;left:50%;width:9px;height:9px;border:solid #fff;border-width:0 0 1.5px 1.5px}
  .sw-otz-str-l{left:0}.sw-otz-str-l::before{transform:translate(-30%,-50%) rotate(45deg)}
  .sw-otz-str-r{right:0}.sw-otz-str-r::before{transform:translate(-70%,-50%) rotate(-135deg)}
}
@media (max-width:991.98px){.sw-otz-in > *, .sw-otz-kar, .sw-otz-r{min-width:0;max-width:100%}}
/* телефон: у «хлебных крошек» не показывать ползунок прокрутки (на Android он выглядел серой полоской над фото) */
.sw-test .rm-breadcrumb{scrollbar-width:none}
.sw-test .rm-breadcrumb::-webkit-scrollbar{display:none;height:0}
/* стрелки «Дополните образ» — как у отзывов: чёрный квадрат, белая галочка */
.sw-test .ds-pohozhie .slick-arrow{width:36px !important;height:36px !important;background:#111 !important;border:0 !important;border-radius:0 !important;font-size:0 !important;color:transparent !important;box-shadow:none !important;z-index:3;top:40% !important;margin-top:-18px !important}
.sw-test .ds-pohozhie .slick-arrow::before{content:'' !important;position:absolute;top:50%;left:50%;width:9px;height:9px;border:solid #fff;border-width:0 0 1.5px 1.5px;opacity:1 !important}
.sw-test .ds-pohozhie .slick-prev::before{transform:translate(-30%,-50%) rotate(45deg)}
.sw-test .ds-pohozhie .slick-next::before{transform:translate(-70%,-50%) rotate(-135deg)}
.sw-test .ds-pohozhie .slick-arrow.slick-disabled{display:none !important}
.sw-test .ds-pohozhie .slick-arrow:hover{background:#FB9130 !important}
/* 09.10.2026: 2 фото — оба большие, одно под другим (на телефоне карусель, правило не действует) */
.sw-test .sw-gal.sw-gal-1{grid-template-columns:1fr}
/* 09.10.2026: «Вес» в строке выбора размера/веса — справа, как на старой карточке (общие правила цены его растягивали) */
.sw-test .sw-panel .rm-control-label > .rm-product-center-price{display:block !important;width:auto !important;margin-left:auto !important;padding:0 !important;gap:0 !important;white-space:nowrap}
/* 09.10.2026: без линии между названием и ценой (Boss: «что тут за полоска»); у пустого блока info темы — тоже */
.sw-test .sw-panel .sw-head{border-bottom:0 !important}
.sw-test .sw-panel .rm-product-center-info{border-bottom:0 !important}