/* Solo Music unified design 2.0.1 */ /* Solo Music catalogue 1.0.1 — styles are scoped to this menu. */ html.solo-menu-ready .header__desktop .header__catalog-offcanvas{display:none!important} html.solo-menu-ready .header__desktop .header__catalog-btn{cursor:pointer} #solo-menu-root,#solo-menu-root *{box-sizing:border-box} #solo-menu-root{position:fixed;inset:var(--solo-menu-top,130px) 0 0;z-index:10050;background:#23344866;font-family:"Segoe UI",Arial,sans-serif;color:#26384b;text-align:left;font-size:14px;line-height:1.3;letter-spacing:normal} #solo-menu-root[hidden]{display:none!important} #solo-menu-root button,#solo-menu-root a{-webkit-tap-highlight-color:transparent;letter-spacing:normal;text-transform:none} #solo-menu-root button{font-family:inherit;cursor:pointer;border:0} #solo-menu-root .sm-panel{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr);width:min(1680px,96vw);height:calc(100% - 14px);margin:7px auto;background:#fafbfd;border:1px solid #ffffffaa;border-radius:24px;box-shadow:0 24px 80px #17293b40;overflow:hidden} #solo-menu-root .sm-sidebar{padding:17px 10px;background:#edf1f5;overflow:auto;min-width:0;overscroll-behavior:contain} #solo-menu-root .sm-section{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:12px;padding:7px 9px;min-height:46px;text-align:left;color:#405469;margin:0 0 3px;font-size:13px;line-height:1.3;box-shadow:none} #solo-menu-root .sm-section[aria-selected="true"]{background:#fff;box-shadow:0 3px 12px #3448600c;font-weight:600;color:#26384b} #solo-menu-root .sm-mark{display:flex;align-items:center;justify-content:center;width:36px;height:34px;flex:0 0 36px;background:#fff;border-radius:6px;overflow:hidden} #solo-menu-root .sm-mark img{display:block;width:100%;height:100%;object-fit:contain;padding:2px;border:0;margin:0;max-width:none} #solo-menu-root .sm-arrow{margin-left:auto;color:#8a9aad} #solo-menu-root .sm-content{padding:22px;overflow:auto;scrollbar-gutter:stable;min-width:0;min-height:0;overscroll-behavior:contain} #solo-menu-root .sm-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:10px} #solo-menu-root .sm-title-row{display:flex;align-items:baseline;gap:12px;min-width:0} #solo-menu-root .sm-heading h2{font-family:inherit;font-size:27px;font-weight:650;margin:0;line-height:1.15;text-transform:none;letter-spacing:normal;color:#26384b} #solo-menu-root .sm-close{display:flex;align-items:center;justify-content:center;background:#edf1f5;border:0;border-radius:50%;width:34px;height:34px;flex:0 0 34px;font-size:23px;font-weight:400;line-height:1;padding:0;color:#63758a;box-shadow:none} #solo-menu-root .sm-badge{font-size:12px;color:#8290a0;font-weight:400;white-space:nowrap} #solo-menu-root .sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:11px;align-content:start} #solo-menu-root .sm-tile{position:relative;display:block;aspect-ratio:1;height:auto;min-width:0;padding:0;color:inherit;text-decoration:none;border:0;border-radius:16px;overflow:hidden;background:#e2e5e8;box-shadow:0 0 0 1px #2b3b4c13;transition:box-shadow .18s;margin:0} #solo-menu-root .sm-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;border:0;margin:0;max-width:none;image-rendering:auto;transform:none} #solo-menu-root .sm-tile h3{position:absolute;z-index:1;bottom:0;left:0;right:0;margin:0;padding:6px 7px;min-height:36px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-size:13px;line-height:1.22;font-weight:700;letter-spacing:0;text-transform:none;color:#14283c;background:rgba(255,255,255,.46);border:0;border-radius:0;overflow-wrap:break-word;text-shadow:0 1px 0 #ffffff80} #solo-menu-root .sm-tile:hover{box-shadow:0 0 0 2px #718da8,0 7px 18px #40546925} #solo-menu-root .sm-more{display:inline-block;color:#55697d;margin-top:20px;font-size:14px;text-decoration:underline;line-height:1.4} #solo-menu-root a:focus-visible,#solo-menu-root button:focus-visible{outline:3px solid #89a8c7;outline-offset:3px} .solo-menu-mobile-toggle{display:none} #solo-menu-root .sm-mobile-actions{display:none} #solo-menu-root .sm-mobile-actions[hidden]{display:none!important} @media(min-width:1700px){#solo-menu-root .sm-grid{grid-template-columns:repeat(7,minmax(0,1fr))}} @media(max-width:1199px){html.solo-menu-ready .solo-menu-mobile-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;width:100%;padding:11px 16px;border:0;border-radius:12px;color:#26384b;background:#fff;font:600 14px/1.3 "Segoe UI",Arial,sans-serif;cursor:pointer}#solo-menu-root .sm-panel{grid-template-rows:minmax(0,1fr) auto}#solo-menu-root .sm-mobile-actions{display:flex;grid-column:1/-1;flex-shrink:0;justify-content:center;padding:8px 14px;border-top:1px solid #e5eaf0;background:#fafbfd}#solo-menu-root .sm-native-navigation{padding:6px 12px;border-radius:8px;background:#edf1f5;color:#405469;font:600 13px/1.3 "Segoe UI",Arial,sans-serif}} @media(max-width:1100px){#solo-menu-root .sm-panel{grid-template-columns:214px minmax(0,1fr)}#solo-menu-root .sm-content{padding:18px}#solo-menu-root .sm-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}#solo-menu-root .sm-section{font-size:12px}#solo-menu-root .sm-heading h2{font-size:24px}} @media(max-width:800px){#solo-menu-root .sm-panel{grid-template-columns:190px minmax(0,1fr)}#solo-menu-root .sm-content{padding:14px}#solo-menu-root .sm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#solo-menu-root .sm-tile h3{font-size:12px}#solo-menu-root .sm-badge{display:none}} @media(max-width:600px){#solo-menu-root .sm-panel{display:flex;flex-direction:column;margin:7px auto;border-radius:20px;width:96vw}#solo-menu-root .sm-sidebar{display:flex;flex-shrink:0;padding:8px;gap:6px;overflow-x:auto}#solo-menu-root .sm-section{width:auto;white-space:nowrap;padding:7px;font-size:12px;min-height:38px;margin:0}#solo-menu-root .sm-mark{width:29px;height:27px;flex-basis:29px}#solo-menu-root .sm-arrow{display:none}#solo-menu-root .sm-content{padding:14px;flex:1}#solo-menu-root .sm-heading{margin-bottom:13px}#solo-menu-root .sm-heading h2{font-size:22px}#solo-menu-root .sm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#solo-menu-root .sm-tile h3{font-size:12px;min-height:32px;padding:5px 6px}#solo-menu-root .sm-title-row{gap:8px}} @media(prefers-reduced-motion:reduce){#solo-menu-root *{transition:none!important}} /* Solo Music storefront templates 1.2.0 */ @media (min-width:768px) { .header__catalog-dropdown._col2 { width: auto !important; } .header__catalog-dropdown._col2 .header__catalog-menu { columns: 2; column-gap: 20px; } } .categories__item-image { top:50%; left:0; transform: translate(0,-50%); display:flex; align-items:center; } .categories__item-image img { object-fit: contain; object-position: right center; height: 100%; } .swiper-intro .swiper-slide { height:400px; } #column-left .formCost input.form-control, #column-right .formCost input.form-control { background:#f7f8fb !important; } .intro__item.intro__item--vertical{ justify-content: flex-start; } .swiper-categories .swiper-wrapper .swiper-slide .categories__item-in { background: url("/catalog/view/theme/prostore/bg/art.webp") no-repeat !important; background-size: cover !important; background-position: right center !important; } .products__item-desc1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0 0 10px 0; font-size:14px; color: #787b87; } .sku__details-shortdescription { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .products__item-in { padding:2rem !important; } .products__item-title { height:auto; margin:0 0 10px 0; } .sku__desc .sku__brand-link { font-size:18px; } .intro__item-category, .intro__item-info li { font-size:18px; } .intro__item-title { font-size:2.5rem; } .checkbox-group-overflow.scroll-content img { display:none; } a,.ui-link--blue, .article__body a:not([class]), .contacts__data-address a, .contacts__shops-item-title a, .contacts__info-item-address a, .details__comments-item-answer-body a, .details__comments-item-readmore + .ui-link, .contacts__data-address .details__comments-item-readmore + a, .contacts__shops-item-title .details__comments-item-readmore + a, .contacts__info-item-address .details__comments-item-readmore + a, .details__comments-item-answer-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-details-btn, .reviews__item-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-link, .reviews__answer-body .details__comments-item-readmore + a, .seo__desc .details__comments-item-readmore + a, .details__comments-item-readmore + .seo__readmore-link, .details__txt .details__comments-item-readmore + a, .details__txt-readmore + .ui-link, .contacts__data-address .details__txt-readmore + a, .contacts__shops-item-title .details__txt-readmore + a, .contacts__info-item-address .details__txt-readmore + a, .details__comments-item-answer-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-details-btn, .reviews__item-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-link, .reviews__answer-body .details__txt-readmore + a, .seo__desc .details__txt-readmore + a, .details__txt-readmore + .seo__readmore-link, .details__txt .details__txt-readmore + a, .details__txt a, .seo__readmore-link, .seo__desc a, .reviews__answer-body a, .reviews__item-link, .reviews__item-body a, .reviews__item-details-btn, .ui-wysiwyg a:not([class]),.ui-check__btn-text a { color: #7ba3cf; } .form-control:not(select) { margin:0; } .products__item-image { margin:0; } .zoomWrapper { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header__logo img{ max-width:100%; } .catalog__content .col-xl-auto.is-xl-visible {display:none} ._container { max-width: 1468px; margin: 0 auto; padding: 0 24px; } @media (max-width: 480px) { ._container { padding: 0 15px; } } .cat-items { padding: 0px 0px 100px 0px; } .cat-items__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } .cat-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; padding: 20px; } .cat-item > *:not(:last-child) { margin: 0px 0px 20px 0px; } @media (max-width: 1280px) { .cat-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (max-width: 900px) { .cat-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 700px) { .cat-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .cat-item__row { border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; height: 100%; } .cat-item__row > *:not(:last-child) { margin: 0px 0px 20px 0px; } @media (max-width: 480px) { .cat-item__row { padding: 20px 10px 10px 10px; } } .cat-item__t { display:block; font-size: 22px; color: #3f5469; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 480px) { .cat-item__t { font-size: 20px; } } .cat-item__img { border-radius: 5px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; } .cat-item__img img { max-height: 220px; } .cat-item__list { padding: 20px 0px; } .cat-item__list a { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #3f5469; font-size: 16px; border-radius: 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-item__list a::after { content: ""; width: 20px; height: 20px; background-size: contain; } .cat-item__list > *:not(:last-child) { margin: 0px 0px 10px 0px; } @media (min-width: 1024px) { .cat-item__list a:hover { color: #3f5469; text-decoration: underline; } } .maincats { margin: 0px 0px 50px 0px; } .maincats__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .maincats-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; padding: 10px; position: relative; } .maincats-item:nth-child(1) .maincats-item__img { top: 0%; right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .maincats-item:nth-child(1) .maincats-item__img img { -o-object-position: center top; object-position: center top; } @media (max-width: 1024px) { .maincats-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 700px) { .maincats-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincats-item__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .maincats-item__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .maincats-item__row { position: relative; background: url("https://muzsolo.ru/catalog/view/theme/prostore/bg/art.webp") no-repeat; background-size: cover; min-height: 300px; border-radius: 12px; height: 100%; } .maincats-item__block { position: relative; z-index: 1; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; height: 100%; } @media (max-width: 1468px) { .maincats-item__block { padding: 30px 20px; } } .maincats-item__t { font-size: 24px; font-weight: 600; color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .maincats-item__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 7px; } .maincats-item__links a { background: rgba(39, 59, 75, 0.2); border-radius: 5px; padding: 5px; font-size: 16px; font-weight: 600; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (min-width: 1024px) { .maincats-item__links a:hover { background: #273b4b; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } } .maincats-item__more { color: #FFFCCC; text-decoration: underline; padding: 0px 0px 0px 5px; } @media (min-width: 1024px) { .maincats-item__more:hover { text-decoration: none; } } .maincats-item__img { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 50%; height: 100%; max-height: 280px; } .maincats-item__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right center; object-position: right center; } @media (min-width: 768px) { .ocf-theme-light-block.ocf-vertical .ocf-active { background-color: #f0f2f5 !important; } } #column-left { z-index:100 !important; padding:0; } @media (min-width: 768px) { .ocf-theme-light-block .ocf-selected-card { box-shadow: none !important; border: 1px solid #8a94a4; background: #f0f2f5; } } .ocf-selected-filter { padding:0 !important; display:flex; gap:5px 10px; } .ocf-selected-filter-name { margin:0 0 10px 0 !important; } .ocf-selected-filter >* { padding:0 !important; margin-bottom:5px !important; } .ocf-selected-card.ocf-desktop .ocf-btn-link { border:1px solid !important; border-radius:3px !important; } .ocf-btn-link:hover { text-decoration:none !important; } .ocf-theme-light-block .ocf-footer { background-color: #f0f2f5 !important; box-shadow: none !important; } @media (min-width: 768px) { .ocf-footer { margin:0 !important; } } #column-left.col-xl-3 { flex: 0 0 20% !important; } @media (min-width: 768px) { .ocf-scroll-y { max-height: unset !important; } } .ocf-collapse-value .ocf-value-list { border-top: 0 !important; margin-top: 0 !important; } .ocf-collapse-value .ocf-value-list-body { padding-top: 5px !important; } @media (min-width: 768px) { .ocf-theme-light-block .ocf-selected-filter { background-color: unset !important; } } .ocf-selected-card.ocf-desktop {display:none !important;} .sku__price_sm { font-size:24px; padding:20px 0; } .products__item-price_sm { font-size:16px; } .sku__details-shortdescription {-webkit-line-clamp: unset;} #content {padding:0;} @media (max-width: 767px) { .products__item--responsive { height: 100%; } } @media (max-width: 767px) { .ocf-btn-mobile-static { text-align: left !important; } } .ocf-btn { background-color: #fff !important; } .oc-slider-wrap { background: #55697d; padding: 40px 0px; margin: 0px 0px 40px 0px; } .oc-slider .swiper-slide a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .oc-slider .swiper-button-prev { width: 40px; height: 40px; } .oc-slider .swiper-button-prev::after { content: ""; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1795 3.26875C15.7889 2.87823 15.1558 2.87823 14.7652 3.26875L8.12078 9.91322C6.94952 11.0845 6.94916 12.9833 8.11996 14.155L14.6903 20.7304C15.0808 21.121 15.714 21.121 16.1045 20.7304C16.495 20.3399 16.495 19.7067 16.1045 19.3162L9.53246 12.7442C9.14194 12.3536 9.14194 11.7205 9.53246 11.33L16.1795 4.68297C16.57 4.29244 16.57 3.65928 16.1795 3.26875Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 40px; height: 40px; } .oc-slider .swiper-button-next { width: 40px; height: 40px; } .oc-slider .swiper-button-next::after { content: ""; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.82054 20.7313C8.21107 21.1218 8.84423 21.1218 9.23476 20.7313L15.8792 14.0868C17.0505 12.9155 17.0508 11.0167 15.88 9.84497L9.3097 3.26958C8.91918 2.87905 8.28601 2.87905 7.89549 3.26958C7.50497 3.6601 7.50497 4.29327 7.89549 4.68379L14.4675 11.2558C14.8581 11.6464 14.8581 12.2795 14.4675 12.67L7.82054 19.317C7.43002 19.7076 7.43002 20.3407 7.82054 20.7313Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 40px; height: 40px; } .oc-slider .swiper-pagination { bottom: 20px; } .oc-slider .swiper-pagination-bullet { background: #405469; width: 6px; height: 6px; -webkit-box-flex: 0; -ms-flex: 0 0 6px; flex: 0 0 6px; border-radius: 50%; } .oc-slider .swiper-pagination-bullet-active { background: #fff; } .oc-slide { position: relative; border-radius: 10px; overflow: hidden; } .oc-slide__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .oc-slide__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 10px; } .oc-slide__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 100px; } @media (max-width: 1024px) { .oc-slide__main { padding: 30px 60px; } } @media (max-width: 600px) { .oc-slide__main { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 20px 50px; } } .oc-slide__img { height: 320px; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .oc-slide__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media (max-width: 1024px) { .oc-slide__img { height: 280px; } } @media (max-width: 600px) { .oc-slide__img { height: 200px; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; } } .oc-slide__block { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; } @media (max-width: 600px) { .oc-slide__block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .oc-slide__title { font-size: 40px; color: #fff; font-weight: 700; line-height: 1.2; } @media (max-width: 1024px) { .oc-slide__title { font-size: 30px; } } @media (max-width: 600px) { .oc-slide__title { font-size: 20px; } } .oc-slide__desc { color: #fff; font-size: 16px; } @media (max-width: 600px) { .oc-slide__desc { font-size: 14px; } } .oc-slide__price { color: #2b3c4d; background: #fff; border-radius: 4px; font-size: 28px; font-weight: 700; padding: 5px 10px; } @media (max-width: 1024px) { .oc-slide__price { font-size: 24px; } } @media (max-width: 600px) { .oc-slide__price { font-size: 20px; } } .ui-wysiwyg { line-height: 1.4; } .ui-wysiwyg p, .ui-wysiwyg h2 { margin: 0 0 15px; } .footer__caption { margin: 0; } article .ui-ul > li:after, .ui-wysiwyg ul:not([class]) > li:after {display:none} .products__item-image:focus, .products__item-in .products__item-gallery { outline: 0 !important; } .ocf-theme-light-block .ocf-search-btn-static, .ocf-theme-light-block .ocf-search-btn-popover, .ocf-theme-light-block .ocf-search-btn-static.ocf-disabled, .ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled { color: #3366d5 !important; } .products__item-status--false::before { background-color: #ffc107 !important; border-color: #ffc107 !important; } .sku__availability--false::before { background-color: #ffc107 !important; border-color: #ffc107 !important; } html.solo-design-active{--theme-primary-color:#d8ff62;--theme-secondary-color:#c5ee46;--body-bg:#131419;--body-color:#eeeeef;--base-font-family:"Segoe UI",Arial,sans-serif;--solo-lime:#d8ff62;--solo-ink:#18212b} html.solo-design-active body{background:#131419;color:#ededf0;font-family:"Segoe UI",Arial,sans-serif} html.solo-design-active .main{background:#131419} html.solo-design-active body.solo-store-content .main{background:#f7f7fb;color:#25323f;--body-color:#25323f} html.solo-design-active .container-fluid{max-width:1344px} html.solo-design-active .header{background:#191a20;color:#f4f4f6} html.solo-design-active .header__row--01{background:#121318;border-color:#303139} html.solo-design-active .header__row--01::before{background:#121318} html.solo-design-active .header__row--02{background:#191a20} html.solo-design-active .header__info-link,html.solo-design-active .header__call-btn,html.solo-design-active .header__cart-btn,html.solo-design-active .header__acc-btn,html.solo-design-active .header__action-btn,html.solo-design-active .header__mobile-btn{color:#f4f4f6} html.solo-design-active .header__acc-btn,html.solo-design-active .header__action-btn{border-color:#45464e;background:transparent} html.solo-design-active .header__catalog-btn{background:#d8ff62!important;color:#17200a!important;border:0;border-radius:12px} html.solo-design-active .header__search-control{background:#272830;border:1px solid #3b3c45;border-radius:12px} html.solo-design-active .header__search-input{color:#fff;background:transparent} html.solo-design-active .header__search-input::placeholder{color:#b6b6c0;opacity:1} html.solo-design-active .header__search-control>.header__search-btn{background:#d8ff62;color:#17200a;border-radius:8px} html.solo-design-active .header__mobile{background:#191a20;color:#f6f6f6} html.solo-design-active .header__mobile .header__logo,html.solo-design-active .header__desktop .header__logo{color:#fff} html.solo-design-active .header__call-offcanvas,html.solo-design-active .header__info-offcanvas,html.solo-design-active .header__cart-offcanvas,html.solo-design-active .header__search-autocomplete,html.solo-design-active .header__acc-offcanvas,html.solo-design-active .header__offcanvas{color:#25323f;background:#fff} html.solo-design-active .ui-btn--primary{background:#d8ff62;color:#17200a;border-color:#d8ff62} html.solo-design-active .ui-btn--primary:hover{background:#c5ee46;color:#17200a;border-color:#c5ee46} html.solo-design-active .ui-btn--primary:disabled{opacity:.6} html.solo-design-active a:focus-visible,html.solo-design-active button:focus-visible,html.solo-design-active input:focus-visible,html.solo-design-active select:focus-visible{outline:3px solid #87a829!important;outline-offset:3px} html.solo-design-active .footer{background:#101115;color:#bebdc5;border-top:1px solid #303139} html.solo-design-active .footer__middle,html.solo-design-active .footer__bottom{border-color:#303139} html.solo-design-active .footer__caption,html.solo-design-active .footer__copyright,html.solo-design-active .footer__support-worktime,html.solo-design-active .footer__support-title,html.solo-design-active .footer .ui-caption{color:#aaa9b5} html.solo-design-active .footer__caption a{color:#b9b8c2;text-decoration:underline;text-underline-offset:3px} html.solo-design-active .footer__middle .col-xl-4.is-xl-visible{display:block!important} html.solo-design-active .footer__support-link{color:#d8ff62} html.solo-design-active .footer .ui-label{color:#eeeef3} html.solo-design-active .footer .ui-input{background:#26272f;color:#fff;border-color:#44454e} html.solo-design-active .footer .popup .ui-input{background:#fff;color:#263444} html.solo-design-active .footer .popup .ui-label{color:#263444} html.solo-design-active .popup{color:#263444} html.solo-design-active .breadcrumbs{background:#191a20;color:#f1f0f5} html.solo-design-active .breadcrumbs__menu>li>a{color:#c4c1ce} html.solo-design-active .breadcrumbs h1,html.solo-design-active .breadcrumbs__title{color:#f1f0f5} html.solo-design-active .catalog__content,html.solo-design-active .catalog__sidebar{color:#25323f} html.solo-design-active .catalog__settings{background:#fff;border-radius:12px;padding:12px} html.solo-design-active #column-left .ocf-module,html.solo-design-active #column-right .ocf-module{border-radius:14px;overflow:hidden;color:#263444} html.solo-design-active .products__item{color:#24323f} html.solo-design-active .products__item-in{background:#fff;border:1px solid #e5e4e9;border-radius:14px} html.solo-design-active .products__item-title{color:#24323f} html.solo-design-active .products__item-title:hover{color:#526b19} html.solo-design-active .products__item-price{color:#18232f} html.solo-design-active .products__item-action .ui-btn--primary{color:#17200a} html.solo-design-active .catalog__pagination,html.solo-design-active .catalog__description{color:#d0cfd8} html.solo-design-active .seo,html.solo-design-active .seo .editor{color:#d0cfd8} html.solo-design-active .seo .editor a{color:#d8ff62} html.solo-design-active .catalog__aside>.ocf-offcanvas>.ocf-header,html.solo-design-active .ocf-header{color:#f0f0f5} html.solo-design-active .pagination a{background:#26272f;color:#f4f4f6;border-color:#43444d} html.solo-design-active .pagination .active a{background:#d8ff62;color:#18200a} html.solo-design-active #solo-menu-root .sm-panel{background:#191a20;border-color:#484951} html.solo-design-active #solo-menu-root .sm-sidebar{background:#24252d} html.solo-design-active #solo-menu-root .sm-section{color:#e3e3ea} html.solo-design-active #solo-menu-root .sm-section[aria-selected="true"]{background:#353a27;color:#d8ff62} html.solo-design-active #solo-menu-root .sm-heading h2{color:#f4f4f6} html.solo-design-active #solo-menu-root .sm-all{color:#d8ff62} html.solo-design-active #solo-menu-root .sm-close{background:#35363e;color:#eee} html.solo-design-active #solo-menu-root .sm-mobile-open{background:#d8ff62;color:#18200a} html.solo-design-active body.solo-store-home .intro{background:transparent;padding:20px 0 28px;margin-bottom:10px} html.solo-design-active body.solo-store-home .intro .container-fluid{max-width:1344px} html.solo-design-active body.solo-store-home .swiper-intro{border-radius:20px;overflow:hidden;background:#23242b} html.solo-design-active body.solo-store-home .swiper-intro .swiper-slide{height:auto!important} html.solo-design-active body.solo-store-home .intro__item{height:auto!important;min-height:0!important;aspect-ratio:2161/800;background:#22232a} html.solo-design-active body.solo-store-home .intro__item-cover{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit} html.solo-design-active body.solo-store-home .intro__item-cover img{width:100%;height:100%;object-fit:contain;object-position:center} html.solo-design-active body.solo-store-home .swiper-intro .swiper-pagination-bullet-active{background:#d8ff62} html.solo-design-active body.solo-store-home .intro__item-desc{position:relative;z-index:1} html.solo-design-active body.solo-store-home .products-featured{padding:20px 0 32px;margin-bottom:10px;background:transparent} html.solo-design-active body.solo-store-home .products-featured__title,html.solo-design-active body.solo-store-home .brands-featured__title{font-size:27px;font-weight:650;letter-spacing:-.7px;color:#f4f4f6;margin:0 0 22px} html.solo-design-active body.solo-store-home .solo-home-directions{padding:8px 0 20px} html.solo-design-active .solo-directions-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px} html.solo-design-active .solo-directions-heading h2{font-size:27px;font-weight:650;color:#f4f4f6;letter-spacing:-.7px;margin:0} html.solo-design-active .solo-all-directions{color:#d8ff62;font-size:13px;background:none;border:0;padding:8px 0;cursor:pointer;text-decoration:none} html.solo-design-active .solo-directions-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px} html.solo-design-active .solo-direction{display:flex;flex-direction:column;min-width:0;color:#ecebf1;text-decoration:none;gap:9px} html.solo-design-active .solo-direction-photo{aspect-ratio:1;overflow:hidden;border:1px solid #3a3534;border-radius:16px;background:#302825;display:block} html.solo-design-active .solo-direction img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .2s} html.solo-design-active .solo-direction:hover img{transform:scale(1.025)} html.solo-design-active .solo-direction span:last-child{font-size:12px;line-height:1.3;font-weight:600;min-height:32px} html.solo-design-active .solo-directions-bottom{display:flex;justify-content:center;border-bottom:1px solid #303139;padding:17px 0 12px;margin-bottom:6px} html.solo-design-active .solo-native-categories-hidden{display:none!important} html.solo-design-active body.solo-store-home .solo-home-products .products-featured__swiper{position:relative;padding:0 0 30px} html.solo-design-active body.solo-store-home .solo-home-products .swiper-slide{flex:none!important;height:auto} html.solo-design-active body.solo-store-home .solo-home-products .products__item{height:auto!important;min-height:0} html.solo-design-active body.solo-store-home .solo-home-products .products__item-in{display:flex;flex-direction:column;height:194px;min-height:0;padding:10px!important;box-shadow:none!important} html.solo-design-active body.solo-store-home .solo-home-products .products__item-in::before{display:none} html.solo-design-active body.solo-store-home .solo-home-products .products__item-image{position:relative;display:flex;align-items:center;justify-content:center;flex:none;height:70px!important;min-height:0!important;width:100%;padding:0!important;margin:0 0 8px;overflow:hidden;background:#fff} html.solo-design-active body.solo-store-home .solo-home-products .products__item-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain} html.solo-design-active body.solo-store-home .solo-home-products .products__item-status{font-size:10px;line-height:16px;white-space:nowrap;margin:0 0 3px} html.solo-design-active body.solo-store-home .solo-home-products .products__item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:16px;max-height:32px;height:32px;min-height:32px;margin:0 0 5px;font-weight:600} html.solo-design-active body.solo-store-home .solo-home-products .products__item-price{font-size:13px;line-height:18px;height:auto;min-height:20px;margin:0;padding-right:32px;margin-top:auto;white-space:normal} html.solo-design-active body.solo-store-home .solo-home-products .products__item-price small{font-size:10px} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action{position:absolute!important;right:8px!important;bottom:8px!important;top:auto!important;left:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;margin:0;width:30px} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action .ui-add-to-cart{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin:0} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action .ui-btn--primary{height:30px;width:30px;min-height:30px;padding:6px;flex:none;font-size:0;line-height:16px;letter-spacing:-999px;white-space:nowrap;text-align:center;border-radius:7px;min-width:0;overflow:hidden} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action .icon-cart{width:16px;height:16px;margin:0;letter-spacing:normal} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action .ui-number{display:none} html.solo-design-active body.solo-store-home .solo-home-products .products__item-action .ui-btn--view{display:none} html.solo-design-active body.solo-store-home .solo-home-products .products__item-buttons{position:absolute;top:8px;right:8px;display:flex;gap:3px;z-index:5;opacity:1;visibility:visible;transform:none} html.solo-design-active body.solo-store-home .solo-home-products .products__item-buttons .ui-btn{width:24px;height:24px;padding:4px;min-height:0;background:#fffffff2;border-radius:50%;color:#455064} html.solo-design-active body.solo-store-home .solo-home-products .products__item-buttons svg{width:15px;height:15px} html.solo-design-active body.solo-store-home .solo-home-products .products__item-desc1,html.solo-design-active body.solo-store-home .solo-home-products .products__item-topleft{display:none} html.solo-design-active .solo-product-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:12px} html.solo-design-active .solo-product-controls button{border:1px solid #4a4b54;border-radius:50%;background:#24252d;color:#eee;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer} html.solo-design-active .solo-product-controls button:disabled{opacity:.3;cursor:default} html.solo-design-active body.solo-store-home .solo-home-products .solo-latest-carousel__button{display:none!important} html.solo-design-active .solo-brands-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 18px;border-top:1px solid #303139} html.solo-design-active .solo-brands-grid a{font-size:15px;font-weight:600;color:#c4c1cd;padding:17px 0;border-bottom:1px solid #303139;overflow-wrap:anywhere} html.solo-design-active .solo-brands-grid a:hover{color:#d8ff62} html.solo-design-active .solo-native-brands-hidden{display:none!important} html.solo-design-active body.solo-store-home .brands-featured{padding:5px 0 45px;margin-bottom:0;background:transparent} html.solo-design-active .solo-design-preview-bar{position:fixed;z-index:20000;bottom:12px;left:12px;right:12px;margin:auto;max-width:620px;background:#d8ff62;color:#18200a;padding:10px 14px;border-radius:12px;box-shadow:0 5px 30px #0007;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;line-height:1.35} html.solo-design-active .solo-design-preview-bar a{color:#18200a;text-decoration:underline;white-space:nowrap} @media(min-width:1199px){html.solo-design-active .header__row--02{padding-top:20px;padding-bottom:20px}html.solo-design-active .header__cart-btn{border-color:#41424b}} @media(max-width:1198px){html.solo-design-active .solo-directions-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}html.solo-design-active .solo-brands-grid{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(max-width:767px){html.solo-design-active body.solo-store-home .intro{padding:12px 0 18px}html.solo-design-active body.solo-store-home .intro__item{aspect-ratio:470/370}html.solo-design-active body.solo-store-home .swiper-intro{border-radius:15px}html.solo-design-active .solo-directions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px}html.solo-design-active .solo-direction-photo{border-radius:12px}html.solo-design-active .solo-direction span:last-child{font-size:11px;line-height:14px;min-height:28px}html.solo-design-active .solo-directions-heading{gap:8px;align-items:center}html.solo-design-active .solo-directions-heading h2{font-size:22px;letter-spacing:-.5px}html.solo-design-active .solo-all-directions{font-size:11px}html.solo-design-active body.solo-store-home .products-featured__title,html.solo-design-active body.solo-store-home .brands-featured__title{font-size:22px}html.solo-design-active .solo-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}html.solo-design-active .solo-brands-grid a{font-size:13px;padding:14px 0}html.solo-design-active .footer{padding-bottom:62px}html.solo-design-active .solo-design-preview-bar{font-size:10px;gap:8px}} @media(max-width:767px){html.solo-design-active .solo-directions-heading{flex-wrap:wrap}html.solo-design-active .solo-directions-heading h2{font-size:20px}html.solo-design-active .solo-all-directions{white-space:nowrap}html.solo-design-active .footer__bottom>.footer__logo.is-xl-hidden{display:none!important}html.solo-design-active .solo-menu-mobile-toggle{background:#d8ff62!important;color:#17200a!important}} @media(prefers-reduced-motion:reduce){html.solo-design-active .solo-direction img{transition:none}} html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery{height:70px!important;min-height:0;margin-bottom:8px;padding:0;border-radius:8px;overflow:hidden} html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery .products__item-image{margin:0} html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery .products__item-pagination{bottom:1px} html.solo-design-active .solo-banner-host{position:relative} html.solo-design-active .solo-banner-controls{position:absolute;bottom:10px;right:18px;margin:0;gap:5px;z-index:5} html.solo-design-active .solo-banner-controls button{width:28px;height:28px;border-color:#555660;font-size:22px} html.solo-design-active .solo-banner-controls .solo-banner-pause{font-size:11px} html.solo-design-active body.solo-store-content .main{background:#131419;color:#eeeeef;--body-color:#eeeeef} html.solo-design-active{--solo-panel:#fff;--solo-panel-ink:#25323f;--solo-panel-muted:#677180;--solo-panel-line:#e3e5e9;--solo-link:#526d17} html.solo-design-active :is(.sku__view,.details__control,.details__tabs,.details__accordion,.cart__code,.cart__quick,.cart__delivery,.cart__data,.cart__item,.checkout__group,.checkout__data,.auth__body,.personal__nav,.personal__card,.personal__order,.contacts__info-item,.contacts__data,.compare__head,.compare__body,.products__item-in){background:var(--solo-panel);color:var(--solo-panel-ink);--body-color:#25323f;--theme-primary-color:#526d17;--theme-secondary-color:#425b10;border-color:var(--solo-panel-line);border-radius:16px} html.solo-design-active :is(.sku__view,.details__tabs,.details__accordion,.cart__code,.cart__quick,.cart__delivery,.cart__data,.cart__item,.checkout__group,.checkout__data,.auth__body,.personal__card,.personal__order,.contacts__info-item,.contacts__data,.compare__head,.compare__body){box-shadow:0 4px 22px #00000008} html.solo-design-active :is(.sku__brand-link,.sku__addto-btn,.details__control-btn,.personal__nav-link,.personal__card-title,.personal__order-title,.cart__item-title,.compare__item-title){color:#25323f} html.solo-design-active :is(.sku__brand-link,.personal__nav-link,.cart__item-title,.compare__item-title):hover{color:#526d17} html.solo-design-active :is(.sku__price,.cart__item-price-current,.cart__data-table,.checkout__data-table,.personal__order-table-price,.compare__item-price){color:#18232f} html.solo-design-active :is(.sku__id,.sku__brand-text,.cart__item-id,.cart__item-text,.checkout__step-caption,.personal__card-date,.personal__history-item-date){color:#677180} html.solo-design-active .sku__slide img,html.solo-design-active .sku__thumb img{object-fit:contain;border-radius:10px} html.solo-design-active .sku__thumb{border-radius:10px;background:#fff} html.solo-design-active .sku__desc{min-width:0} html.solo-design-active .sku__price{font-weight:650;letter-spacing:-.7px;white-space:normal} html.solo-design-active .sku__price-del{color:#7a7f89;font-weight:400} html.solo-design-active .sku__action .ui-btn--primary{border-radius:11px;font-weight:650} html.solo-design-active .sku__delivery{border-color:#e3e5e9;background:#f5f6f2;color:#39444b;border-radius:12px} html.solo-design-active .details__control-btn.is-active{color:#526d17;border-color:#8fb432} html.solo-design-active .details__control-counter{background:#eff4e3;color:#425b10} html.solo-design-active .details__specifications-table tr:nth-child(2n){background:#f7f8f6} html.solo-design-active .details__specifications-table :is(th,td){border-color:#e3e5e9} html.solo-design-active .details__comments-item-answer{background:#f5f7f0;color:#25323f;border-radius:12px} html.solo-design-active :is(.cart__item-image,.personal__order-table-item-image,.compare__item-image){background:#fff;border-radius:12px;overflow:hidden} html.solo-design-active :is(.cart__item-image,.personal__order-table-item-image,.compare__item-image) img{object-fit:contain} html.solo-design-active .cart__item{border:1px solid #e3e5e9} html.solo-design-active .cart__item-title--out-of-stock{color:#9e3d31} html.solo-design-active .cart__data-title,html.solo-design-active .checkout__data-title{font-weight:650;color:#25323f} html.solo-design-active .checkout__group{border:1px solid #e3e5e9} html.solo-design-active .checkout__step-head{border-color:#e3e5e9} html.solo-design-active .checkout__step-title{font-weight:650;color:#25323f} html.solo-design-active .checkout__step-method{background:#f4f7ec;color:#425b10;border-radius:8px} html.solo-design-active .checkout__data-total{color:#18232f;font-weight:650} html.solo-design-active .personal__nav-link.is-active{background:#eef4df;color:#425b10;font-weight:600} html.solo-design-active .personal__card-head,html.solo-design-active .personal__card-foot,html.solo-design-active .personal__order-head{border-color:#e3e5e9} html.solo-design-active .personal__history-item-status{background:#eef4df;color:#425b10} html.solo-design-active .brands__group-words a,html.solo-design-active .brands__abc-link{color:#d2d1da} html.solo-design-active .brands__group-words a:hover,html.solo-design-active .brands__abc-link.is-active{color:#d8ff62} html.solo-design-active .brands__group-letter{color:#d8ff62} html.solo-design-active .brands__group-item-image{background:#fff;border-radius:12px} html.solo-design-active .brands__group{border-color:#34353e} html.solo-design-active .compare__data-title{background:#f5f6f2;color:#25323f} html.solo-design-active .compare__data-dl{border-color:#e3e5e9} html.solo-design-active .popup{background:#fff;color:#25323f;--theme-primary-color:#526d17;--body-color:#25323f;border-radius:16px} html.solo-design-active .popup .ui-label{color:#25323f} html.solo-design-active .popup .ui-input,html.solo-design-active .popup .ui-textarea{background:#f7f8fa;color:#25323f;border-color:#d8dce3} html.solo-design-active :is(.sku__view,.details__tabs,.details__accordion,.cart,.checkout,.auth__body,.personal,.contacts__data) :is(.ui-input,.ui-textarea){background:#f7f8fa;color:#25323f;border-color:#d8dce3;border-radius:9px} html.solo-design-active :is(.cart,.checkout,.auth__body,.personal,.contacts__data) :is(.ui-input,.ui-textarea)::placeholder{color:#707986;opacity:1} html.solo-design-active :is(.cart,.checkout,.auth__body,.personal,.contacts__data) :is(.ui-input,.ui-textarea):focus{background:#fff;border-color:#789d27;box-shadow:0 0 0 3px #d8ff6238} html.solo-design-active .ui-error{color:#aa302c} html.solo-design-active .is-error :is(.ui-input,.ui-textarea){border-color:#bc4640!important} html.solo-design-active .is-error :is(.ui-input,.ui-textarea):focus{box-shadow:0 0 0 3px #bc464021} html.solo-design-active body.solo-store-content main>article,html.solo-design-active body.solo-store-content main>.container-fluid>.ui-wysiwyg{background:#fff;color:#25323f;padding:28px;border-radius:16px;--theme-primary-color:#526d17;--body-color:#25323f} html.solo-design-active body.solo-store-content .auth__head{color:#eeeef3} html.solo-design-active .auth__title,html.solo-design-active .details__title,html.solo-design-active .personal__title,html.solo-design-active .cart__title,html.solo-design-active .system__title{color:#f2f1f6} html.solo-design-active .details__tabs .details__title,html.solo-design-active .details__accordion .details__title{color:#25323f} html.solo-design-active .sku__view{overflow:hidden} html.solo-design-active .sku__compact{background:#fff;color:#25323f;--theme-primary-color:#526d17;border-bottom:1px solid #e3e5e9} html.solo-design-active .checkout__step{background:#fff;color:#25323f;--theme-primary-color:#526d17;--body-color:#25323f;border:1px solid #e3e5e9;border-radius:16px;margin-bottom:14px} html.solo-design-active .checkout__step-head{background:#fff;border-radius:inherit} html.solo-design-active .checkout__step-body{border-radius:0 0 16px 16px} html.solo-design-active .solo-reading-panel{background:#fff;color:#25323f;padding:32px;border:1px solid #e3e5e9;border-radius:16px;--body-color:#25323f;--theme-primary-color:#526d17} html.solo-design-active .system__text{color:#c9c8d2} html.solo-design-active .system__text a{color:#d8ff62} html.solo-design-active .ui-btn--grey{background:#f0f1f3;color:#25323f;border-color:#d8dce3} html.solo-design-active .ui-btn--grey:hover{background:#e4e7dd;color:#25323f} html.solo-design-active .ui-check__input:checked~.ui-check__btn{border-color:#819c35;background:#f1f6e6;color:#25323f} html.solo-design-active .ui-check__input:checked~.ui-check__btn .ui-check__btn-title{color:#25323f} html.solo-design-active .simplecheckout-block{background:#fff;color:#25323f;--theme-primary-color:#526d17;border:1px solid #e3e5e9;border-radius:16px;overflow:hidden} html.solo-design-active .simplecheckout-block .checkout-heading{background:#f4f6ef;color:#25323f;border-color:#e3e5e9;padding:15px 20px;font-weight:650} html.solo-design-active .simplecheckout-block .simplecheckout-block-content{background:#fff;color:#25323f;padding:20px} html.solo-design-active .simplecheckout-block a{color:#526d17} html.solo-design-active .simplecheckout-block :is(input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select){background:#f7f8fa;color:#25323f;border:1px solid #d8dce3;border-radius:8px} html.solo-design-active .simplecheckout-cart{color:#25323f} html.solo-design-active .simplecheckout-cart :is(th,td){border-color:#e3e5e9} html.solo-design-active .simplecheckout-button-block .btn-primary{background:#d8ff62;color:#17200a;border-color:#d8ff62;border-radius:10px} html.solo-design-active .simplecheckout-button-block{color:#dedde5} html.solo-design-active .simplecheckout-button-block a:not(.btn-primary){color:#d8ff62} html.solo-design-active .simplecheckout-block .simplecheckout-button-block{color:#25323f} html.solo-design-active .simplecheckout-error-text,html.solo-design-active .simplecheckout-block .error{color:#aa302c} @media(max-width:767px){ html.solo-design-active :is(.sku__view,.details__control,.details__tabs,.details__accordion,.cart__code,.cart__quick,.cart__delivery,.cart__data,.cart__item,.checkout__group,.checkout__data,.auth__body,.personal__nav,.personal__card,.personal__order,.contacts__info-item,.contacts__data,.compare__head,.compare__body){border-radius:12px} html.solo-design-active .checkout__group{background:#fff;padding:18px 15px;color:#25323f} html.solo-design-active .sku__price{font-size:29px;letter-spacing:-.5px} html.solo-design-active .checkout__step{border-radius:12px} html.solo-design-active .solo-reading-panel{padding:20px;border-radius:12px} html.solo-design-active body.solo-store-content main>article,html.solo-design-active body.solo-store-content main>.container-fluid>.ui-wysiwyg{padding:20px} } html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery { position: relative; display: flex; flex: 0 0 70px; width: 100%; max-width: 100%; min-width: 0; height: 70px !important; min-height: 0; margin: 0 0 8px !important; padding: 0 !important; overflow: hidden; border-radius: 8px; z-index: 1; } html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery .products__item-image { flex: 0 0 100%; width: 100%; min-width: 0; max-width: 100%; height: 70px !important; margin: 0 !important; padding: 0 !important; } html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery .products__item-pagination { top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: 0 !important; } html.solo-design-active body.solo-store-home .solo-home-products .products__item-gallery img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } html.solo-design-active main .sku__desc .sku__details-shortdescription.solo-product-summary { display: block !important; width: 100%; max-width: 100%; min-width: 0; height: auto; max-height: none; margin: 12px 0 8px !important; padding: 0 !important; overflow: visible; color: #39444b; font-size: 15px; font-weight: 400; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; -webkit-line-clamp: unset; } html.solo-design-active main .sku__desc .solo-product-summary p { margin: 0 !important; padding: 0 !important; } html.solo-design-active main .details .details__control.solo-description-single-control { display: none !important; } html main .intro { background-color: #131419 !important; box-shadow: none !important; } html main .intro .intro__swiper, html main .intro .swiper-intro, html main .intro .intro__item { background-color: #22232a !important; } @media (min-width: 1199px) { html.solo-design-active main .catalog #column-left + #content { min-width: 0; padding-left: 24px !important; } } html.solo-design-active body.solo-store-home .brands-featured.solo-text-brands { padding: 26px 0 48px; } html.solo-design-active .solo-text-brands .solo-brand-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; } html.solo-design-active .solo-text-brands .brands-featured__title { margin: 0; } html.solo-design-active .solo-text-brands .solo-brand-heading a { color: #d8ff62; white-space: nowrap; font-size: 14px; } html.solo-design-active .solo-text-brands .solo-brand-viewport { --solo-brand-rows: 1; display: grid; grid-auto-flow: column; grid-template-rows: repeat(1, auto); grid-auto-columns: calc((100% - 84px) / 8); gap: 12px; padding: 0 0 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #8d9b65 #2b2c34; overscroll-behavior-x: contain; } html.solo-design-active .solo-text-brands .solo-brand-viewport::-webkit-scrollbar { height: 5px; } html.solo-design-active .solo-text-brands .solo-brand-viewport::-webkit-scrollbar-track { background: #2b2c34; border-radius: 5px; } html.solo-design-active .solo-text-brands .solo-brand-viewport::-webkit-scrollbar-thumb { background: #8d9b65; border-radius: 5px; } html.solo-design-active .solo-text-brands .solo-brand-viewport .brands-featured__item { display: flex; align-items: center; justify-content: center; min-width: 0; aspect-ratio: 1; height: auto; padding: 14px; container-type: inline-size; color: #eeeef1; background: linear-gradient(145deg, #282a32, #1d1f26); border: 1px solid #3b3e49; box-shadow: inset 0 1px 0 #ffffff06; border-radius: 12px; scroll-snap-align: start; overflow: hidden; box-sizing: border-box; } html.solo-design-active .solo-text-brands .brands-featured__item::before { display: none; } html.solo-design-active .solo-text-brands a.brands-featured__item:hover { border-color: #a9c55a; color: #def0ac; background: #272d23; } html.solo-design-active .solo-text-brands a.brands-featured__item:focus-visible { outline-offset: -4px; } html.solo-design-active .solo-text-brands .solo-brand-name { display: block; max-width: 100%; font-family: "Segoe UI", Arial, sans-serif; font-size: 22px; font-size: clamp(12px, 19cqi, 24px); font-weight: 750; line-height: 1.2; letter-spacing: .025em; text-transform: uppercase; text-align: center; overflow-wrap: normal; } html.solo-design-active .solo-text-brands .solo-brand-name--medium { font-size: 16px; font-size: clamp(11px, 13cqi, 18px); letter-spacing: .005em; } html.solo-design-active .solo-text-brands .solo-brand-name--long { font-size: 14px; font-size: clamp(10px, 11cqi, 16px); letter-spacing: 0; } html.solo-design-active .solo-text-brands .solo-brand-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; } html.solo-design-active .solo-text-brands .solo-brand-counter { color: #b4b3bf; font-size: 12px; } html.solo-design-active .solo-text-brands .solo-product-controls { margin: 0; } @media (max-width: 1198px) { html.solo-design-active .solo-text-brands .solo-brand-viewport { grid-auto-columns: calc((100% - 60px) / 6); grid-template-rows: repeat(1, auto); } } @media (max-width: 767px) { html.solo-design-active body.solo-store-home .brands-featured.solo-text-brands { padding: 20px 0 32px; } html.solo-design-active .solo-text-brands .solo-brand-heading { margin-bottom: 16px; gap: 10px; } html.solo-design-active .solo-text-brands .solo-brand-heading a { font-size: 12px; } html.solo-design-active .solo-text-brands .solo-brand-viewport { grid-auto-columns: calc((100% - 20px) / 3); grid-template-rows: repeat(1, auto); gap: 10px; } html.solo-design-active .solo-text-brands .solo-brand-viewport .brands-featured__item { padding: 12px; border-radius: 10px; } } html.solo-design-active body.solo-store-home main .solo-home-products .js-swiper-products>.swiper-wrapper>.swiper-slide{box-sizing:border-box;width:calc((100% - 10px)/2)!important;margin-right:10px!important;flex:0 0 auto!important} @media(min-width:600px){html.solo-design-active body.solo-store-home main .solo-home-products .js-swiper-products>.swiper-wrapper>.swiper-slide{width:calc((100% - 24px)/3)!important;margin-right:12px!important}} @media(min-width:800px){html.solo-design-active body.solo-store-home main .solo-home-products .js-swiper-products>.swiper-wrapper>.swiper-slide{width:calc((100% - 36px)/4)!important}} @media(min-width:1000px){html.solo-design-active body.solo-store-home main .solo-home-products .js-swiper-products>.swiper-wrapper>.swiper-slide{width:calc((100% - 60px)/6)!important}} @media(min-width:1200px){html.solo-design-active body.solo-store-home main .solo-home-products .js-swiper-products>.swiper-wrapper>.swiper-slide{width:calc((100% - 84px)/8)!important}} html.solo-design-active body.solo-store-content .page .ui-wysiwyg{background:#fff;color:#25323f;padding:32px;border:1px solid #e3e5e9;border-radius:16px;--body-color:#25323f;--theme-primary-color:#526d17} /* Solo Music: native banner proportions and a shared clipping boundary. */ html.solo-design-active body.solo-store-home main .intro .intro__swiper { --solo-banner-radius: 20px; border-radius: var(--solo-banner-radius); overflow: hidden; isolation: isolate; clip-path: inset(0 round var(--solo-banner-radius)); } html.solo-design-active body.solo-store-home main .intro .swiper-intro { border-radius: var(--solo-banner-radius); overflow: hidden; clip-path: inset(0 round var(--solo-banner-radius)); } html.solo-design-active body.solo-store-home main .intro .js-swiper-intro .solo-banner-cover { aspect-ratio: var(--solo-banner-ratio); padding: 0; border-radius: var(--solo-banner-radius); overflow: hidden; } html.solo-design-active body.solo-store-home main .intro .js-swiper-intro .solo-banner-cover .intro__item-cover { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: inherit; overflow: hidden; } html.solo-design-active body.solo-store-home main .intro .js-swiper-intro .solo-banner-cover .intro__item-cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: inherit; } @media (max-width: 767px) { html.solo-design-active body.solo-store-home main .intro .intro__swiper { --solo-banner-radius: 15px; } html.solo-design-active body.solo-store-home main .intro .js-swiper-intro .solo-banner-cover { aspect-ratio: var(--solo-banner-mobile-ratio, var(--solo-banner-ratio)); } } /* Solo Music shared product cards 1.3.0 */ /* Solo Music 1.2.7 — compact catalogue grid with stable price/purchase areas. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) { margin-left:-6px; margin-right:-6px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li { display:flex; min-width:0; padding:0 6px 12px; flex:0 0 50%; max-width:50%; } @media(min-width:768px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li { flex-basis:33.333333%; max-width:33.333333%; } } @media(min-width:1199px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li { flex-basis:25%; max-width:25%; } } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li > .products__item { display:flex; width:100%; height:auto; min-height:0; z-index:auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 18px 40px 36px 46px 44px auto; gap:6px; align-content:start; width:100%; min-width:0; height:auto; min-height:0; padding:8px!important; z-index:auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in::before { display:none; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in > :is(.products__item-gallery,.products__item-image) { grid-row:1; position:relative; display:flex; width:100%; height:auto!important; min-height:0; aspect-ratio:1; padding:0!important; margin:0!important; border-radius:10px; overflow:hidden; clip-path:inset(0 round 10px); touch-action:pan-y; background:#fff; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-gallery > .products__item-image { flex:0 0 100%; width:100%; height:100%!important; padding:0!important; margin:0!important; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-image img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; } /* Transparent hover zones retain the native gallery without a visible progress bar. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-pagination { display:flex!important; inset:0; width:100%; height:100%; padding:0!important; opacity:0; background:transparent; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-bullet { border:0; background:transparent; box-shadow:none; } @media(hover:none),(pointer:coarse) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-pagination { display:none!important; } } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-status { grid-row:2; display:block; align-self:center; float:none; margin:0; font-size:11px; line-height:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-title { grid-row:3; height:40px; min-height:0; max-height:40px; margin:0; font-size:14px; line-height:18px; -webkit-line-clamp:2; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-desc1 { grid-row:4; height:36px; margin:0; font-size:12px; line-height:16px; -webkit-line-clamp:2; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price { grid-row:5; position:relative; display:block; height:46px; min-height:0; margin:0; padding:22px 0 0; box-sizing:border-box; font-size:18px; line-height:24px; white-space:nowrap; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price ins { position:absolute; left:0; bottom:0; margin:0; line-height:24px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price del { position:absolute; top:0; left:0; font-size:12px; line-height:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price mark { position:absolute; top:0; right:0; margin:0; padding:0 4px; font-size:10px; line-height:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-action { grid-row:6; position:static!important; opacity:1!important; visibility:visible!important; transform:none!important; transition:none; width:100%; max-width:100%; height:44px; padding:0; margin:0; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart { height:44px; flex-wrap:nowrap; gap:6px; margin:0; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-btn--primary { flex:1 1 auto; width:100%; min-width:0; max-width:100%; height:44px; min-height:44px; padding:8px 10px; margin:0; font-size:14px; line-height:16px; letter-spacing:normal; white-space:normal; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .icon-cart { width:18px; height:18px; margin:0 0 0 4px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-number { flex:0 0 70px; width:70px; max-width:100%; height:44px; margin:0; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-number__input { height:44px; padding:8px 22px; font-size:12px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.ui-number__decrease,.ui-number__increase) { width:20px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.ui-btn--view,.ui-badge--orange) { display:none!important; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-discount { grid-row:7; position:static!important; opacity:1!important; visibility:visible!important; transform:none!important; transition:none; margin-top:6px; max-width:100%; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons { top:14px; right:14px; } @media(max-width:767px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-title { font-size:13px; line-height:18px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price { font-size:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .ui-btn--primary { font-size:11px; padding:4px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .icon-cart { display:none; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .ui-number { flex-basis:58px; width:58px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active :is(.ui-number__decrease,.ui-number__increase) { width:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .ui-number__input { padding-left:18px; padding-right:18px; font-size:11px; } } /* 1.2.8: remove empty price space; share real text heights within each product row. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in { grid-template-rows:auto 16px 36px 32px 26px 40px auto; gap:3px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-status { line-height:16px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-title { height:36px; max-height:36px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-desc1 { height:32px; max-height:32px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price { align-self:end; height:26px; min-height:26px; padding:2px 0 0; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line):has(.products__item-price ins) .products__item-in { grid-template-rows:auto 16px 36px 32px 42px 40px auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price:has(ins) { height:42px; padding-top:18px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price_sm { height:auto; min-height:26px; font-size:14px; line-height:18px; white-space:normal; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.products__item-action,.ui-add-to-cart) { height:40px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-btn--primary { height:40px; min-height:40px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.ui-add-to-cart .ui-number,.ui-number__input) { height:40px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-discount { margin-top:0; } @supports (grid-template-rows:subgrid) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 12px; margin:0; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li { display:grid; grid-row:span 7; grid-template-rows:subgrid; min-width:0; max-width:none; width:auto; padding:0; margin:0 0 9px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li > .products__item { display:grid; grid-row:1 / span 7; grid-template-rows:subgrid; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line):has(.products__item-price ins) .products__item-in { grid-row:1 / span 7; grid-template-rows:subgrid; align-content:normal; row-gap:3px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-title { height:auto; min-height:0; align-self:start; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-desc1 { height:auto; min-height:0; align-self:start; } @media(min-width:768px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(min-width:1199px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) { grid-template-columns:repeat(4,minmax(0,1fr)); } } } /* Solo Music 1.2.9 — the same graphite palette as the popular-product carousel. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) > li > .products__item { background: transparent; color: #eeeef1; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in { background: linear-gradient(145deg, #282a32, #1d1f26); color: #eeeef1; border-color: #3b3e49; box-shadow: inset 0 1px 0 #ffffff06; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.products__item-title,.products__item-price,.products__item-price ins) { color: #eeeef1; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-title:hover { color: #def0ac; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) :is(.products__item-status,.products__item-desc1,.products__item-price del,.products__item-price small) { color: #bfc2ce; } /* 1.2.10: price and icon-only purchase share a row; quantity appears below on demand. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in { grid-template-rows:auto 16px 36px 32px 32px auto auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line):has(.products__item-price ins) .products__item-in { grid-template-rows:auto 16px 36px 32px 42px auto auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price { grid-column:1; padding-right:40px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price ins { max-width:calc(100% - 40px); } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price mark { right:40px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-action { display:contents; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart { grid-column:1; grid-row:5 / span 2; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:32px auto; gap:3px; width:100%; height:auto; min-width:0; pointer-events:none; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-btn--primary, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .ui-btn--primary { grid-row:1; grid-column:1; align-self:end; justify-self:end; display:flex; align-items:center; justify-content:center; flex:none; width:32px; min-width:32px; max-width:32px; height:32px; min-height:32px; padding:6px; margin:0; font-size:0 !important; line-height:0; letter-spacing:0; border-radius:7px; pointer-events:auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-btn--primary br { display:none; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .icon-cart, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .icon-cart { display:block!important; width:18px; height:18px; margin:0!important; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-number { display:none; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart.is-active .ui-number { display:block; grid-row:2; grid-column:1; justify-self:end; position:relative; width:70px; max-width:100%; height:32px; margin:0; pointer-events:auto; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart .ui-number__input { height:32px; padding:4px 22px; font-size:12px; } @supports (grid-template-rows:subgrid) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line):has(.products__item-price ins) .products__item-in { grid-template-rows:subgrid; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .ui-add-to-cart { grid-template-rows:subgrid; } } @media(max-width:380px) { html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price { font-size:14px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-price_sm { font-size:12px; } } /* Quiet secondary actions; keep hover, focus, and selected states recognisable. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons { top:12px; right:12px; gap:2px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)) { display:flex; align-items:center; justify-content:center; width:30px; height:30px; min-height:30px; padding:6px; margin:0; color:#25323f; background:transparent; border-color:transparent; opacity:.45; transition:opacity .15s; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)) svg { width:14px; height:14px; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)):is(:hover,:focus-visible) { opacity:1; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)).is-active { opacity:.85; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 18px 40px 36px 46px 44px auto; gap:6px; align-content:start; width:100%; min-width:0; height:auto; min-height:0; padding:8px!important; z-index:auto; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in::before{ display:none; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in > :is(.products__item-gallery,.products__item-image){ grid-row:1; position:relative; display:flex; width:100%; height:auto!important; min-height:0; aspect-ratio:1; padding:0!important; margin:0!important; border-radius:10px; overflow:hidden; clip-path:inset(0 round 10px); touch-action:pan-y; background:#fff; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-gallery > .products__item-image{ flex:0 0 100%; width:100%; height:100%!important; padding:0!important; margin:0!important; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-image img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-pagination{ display:flex!important; inset:0; width:100%; height:100%; padding:0!important; opacity:0; background:transparent; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-bullet{ border:0; background:transparent; box-shadow:none; } @media(hover:none),(pointer:coarse){html.solo-design-active .products-featured:not(.solo-home-products) .products__item-pagination{ display:none!important; }} html.solo-design-active .products-featured:not(.solo-home-products) .products__item-status{ grid-row:2; display:block; align-self:center; float:none; margin:0; font-size:11px; line-height:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-title{ grid-row:3; height:40px; min-height:0; max-height:40px; margin:0; font-size:14px; line-height:18px; -webkit-line-clamp:2; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-desc1{ grid-row:4; height:36px; margin:0; font-size:12px; line-height:16px; -webkit-line-clamp:2; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price{ grid-row:5; position:relative; display:block; height:46px; min-height:0; margin:0; padding:22px 0 0; box-sizing:border-box; font-size:18px; line-height:24px; white-space:nowrap; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price ins{ position:absolute; left:0; bottom:0; margin:0; line-height:24px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price del{ position:absolute; top:0; left:0; font-size:12px; line-height:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price mark{ position:absolute; top:0; right:0; margin:0; padding:0 4px; font-size:10px; line-height:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-action{ grid-row:6; position:static!important; opacity:1!important; visibility:visible!important; transform:none!important; transition:none; width:100%; max-width:100%; height:44px; padding:0; margin:0; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart{ height:44px; flex-wrap:nowrap; gap:6px; margin:0; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-btn--primary{ flex:1 1 auto; width:100%; min-width:0; max-width:100%; height:44px; min-height:44px; padding:8px 10px; margin:0; font-size:14px; line-height:16px; letter-spacing:normal; white-space:normal; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .icon-cart{ width:18px; height:18px; margin:0 0 0 4px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-number{ flex:0 0 70px; width:70px; max-width:100%; height:44px; margin:0; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-number__input{ height:44px; padding:8px 22px; font-size:12px; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.ui-number__decrease,.ui-number__increase){ width:20px; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.ui-btn--view,.ui-badge--orange){ display:none!important; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-discount{ grid-row:7; position:static!important; opacity:1!important; visibility:visible!important; transform:none!important; transition:none; margin-top:6px; max-width:100%; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons{ top:14px; right:14px; } @media(max-width:767px){html.solo-design-active .products-featured:not(.solo-home-products) .products__item-title{ font-size:13px; line-height:18px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price{ font-size:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .ui-btn--primary{ font-size:11px; padding:4px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .icon-cart{ display:none; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .ui-number{ flex-basis:58px; width:58px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active :is(.ui-number__decrease,.ui-number__increase){ width:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .ui-number__input{ padding-left:18px; padding-right:18px; font-size:11px; }} html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in{ grid-template-rows:auto 16px 36px 32px 26px 40px auto; gap:3px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-status{ line-height:16px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-title{ height:36px; max-height:36px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-desc1{ height:32px; max-height:32px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price{ align-self:end; height:26px; min-height:26px; padding:2px 0 0; } html.solo-design-active .products-featured:not(.solo-home-products):has(.products__item-price ins) .products__item-in{ grid-template-rows:auto 16px 36px 32px 42px 40px auto; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price:has(ins){ height:42px; padding-top:18px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price_sm{ height:auto; min-height:26px; font-size:14px; line-height:18px; white-space:normal; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.products__item-action,.ui-add-to-cart){ height:40px; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-btn--primary{ height:40px; min-height:40px; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.ui-add-to-cart .ui-number,.ui-number__input){ height:40px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-discount{ margin-top:0; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in{ background: linear-gradient(145deg, #282a32, #1d1f26); color: #eeeef1; border-color: #3b3e49; box-shadow: inset 0 1px 0 #ffffff06; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.products__item-title,.products__item-price,.products__item-price ins){ color: #eeeef1; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-title:hover{ color: #def0ac; } html.solo-design-active .products-featured:not(.solo-home-products) :is(.products__item-status,.products__item-desc1,.products__item-price del,.products__item-price small){ color: #bfc2ce; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in{ grid-template-rows:auto 16px 36px 32px 32px auto auto; } html.solo-design-active .products-featured:not(.solo-home-products):has(.products__item-price ins) .products__item-in{ grid-template-rows:auto 16px 36px 32px 42px auto auto; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price{ grid-column:1; padding-right:40px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price ins{ max-width:calc(100% - 40px); } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price mark{ right:40px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-action{ display:contents; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart{ grid-column:1; grid-row:5 / span 2; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:32px auto; gap:3px; width:100%; height:auto; min-width:0; pointer-events:none; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-btn--primary, html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .ui-btn--primary{ grid-row:1; grid-column:1; align-self:end; justify-self:end; display:flex; align-items:center; justify-content:center; flex:none; width:32px; min-width:32px; max-width:32px; height:32px; min-height:32px; padding:6px; margin:0; font-size:0 !important; line-height:0; letter-spacing:0; border-radius:7px; pointer-events:auto; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-btn--primary br{ display:none; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .icon-cart, html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .icon-cart{ display:block!important; width:18px; height:18px; margin:0!important; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-number{ display:none; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart.is-active .ui-number{ display:block; grid-row:2; grid-column:1; justify-self:end; position:relative; width:70px; max-width:100%; height:32px; margin:0; pointer-events:auto; } html.solo-design-active .products-featured:not(.solo-home-products) .ui-add-to-cart .ui-number__input{ height:32px; padding:4px 22px; font-size:12px; } @media(max-width:380px){html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price{ font-size:14px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-price_sm{ font-size:12px; }} html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons{ top:12px; right:12px; gap:2px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)){ display:flex; align-items:center; justify-content:center; width:30px; height:30px; min-height:30px; padding:6px; margin:0; color:#25323f; background:transparent; border-color:transparent; opacity:.45; transition:opacity .15s; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)) svg{ width:14px; height:14px; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)):is(:hover,:focus-visible){ opacity:1; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-buttons :is(.ui-btn--compare,:is(.ui-btn--favorite,.ui-btn--wish-remove)).is-active{ opacity:.85; } /* Functional miniatures stay native; full product grids and carousels share a profile. */ html.solo-design-active body.solo-store-content main.main.solo-wishlist { background:#131419; color:#eeeef1; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item { height:auto; min-height:0; background:transparent; color:#eeeef1; } html.solo-design-active .products-featured:not(.solo-home-products) .swiper-slide { height:auto; } html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in { min-height:100%; } html.solo-design-active :is(.products__list,.products-featured) .products__item-id { display:none; } /* Remove comparison entries before paint, including links from the CMS and widgets. */ html.solo-design-active :is([data-action="compare"],.ui-btn--compare,#compare-total,a[href*="route=product/compare"],a[href*="route=product%2Fcompare"],a[href*="route=product%2fcompare"]) { display:none!important; } html.solo-design-active .solo-compare-entry,html.solo-design-active li:has(>.solo-compare-entry) { display:none!important; } html.solo-design-active :is(a,button):has(:is(svg[class*="icon-compare"],svg[class*="icon-nav-compare"])) { display:none!important; } html.solo-design-active li:has(>[data-action="compare"]), html.solo-design-active li:has(>a[href*="route=product/compare"]), html.solo-design-active li:has(>a:has(svg[class*="icon-compare"])) { display:none!important; } html.solo-design-active a:has(svg[class*="icon-compare"])+:is(.header__action-line,.header__nav-action-line) { display:none!important; } /* A removal heart on the wishlist remains identifiable. */ html.solo-design-active .solo-wishlist .products__list[class*="products__list--grid-"] .products__item-buttons .ui-btn--wish-remove { opacity:.85; color:#cf4357; } html.solo-design-active .solo-wishlist .ui-btn--wish-remove .icon-favorites { fill:currentColor; } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-buttons :is(.ui-btn--favorite,.ui-btn--wish-remove).is-active { color:#cf4357; } html.solo-design-active .products-featured:not(.solo-home-products) .swiper-scrollbar { height:5px; background:#2b2c34; border-radius:5px; overflow:hidden; } html.solo-design-active .products-featured:not(.solo-home-products) .swiper-scrollbar-drag { top:0; height:100%; background:#898d99; border-radius:5px; } /* Solo Music 1.2.6 — dark text on explicitly lime controls. */ html.solo-design-active { --solo-accent-background: #d8ff62; --solo-accent-hover: #c5ee46; --solo-accent-foreground: #18212b; } /* Both OpenCart pagination formats: links and the active non-link span. */ html.solo-design-active .pagination > .active > :is(a, span), html.solo-design-active .pagination :is(a, span).is-active, html.solo-design-active .pagination__link.is-active { background: var(--solo-accent-background) !important; border-color: var(--solo-accent-background); color: var(--solo-accent-foreground) !important; text-shadow: none; } html.solo-design-active .pagination > .active > :is(a, span):is(:hover, :focus), html.solo-design-active .pagination :is(a, span).is-active:is(:hover, :focus), html.solo-design-active .pagination__link.is-active:is(:hover, :focus) { background: var(--solo-accent-hover) !important; color: var(--solo-accent-foreground) !important; } /* Set the foreground and the surface together; dark panel link colours stay local. */ html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) { background: var(--solo-accent-background); border-color: var(--solo-accent-background); color: var(--solo-accent-foreground) !important; text-shadow: none; } html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button):is(:hover, :focus, :active) { background: var(--solo-accent-hover); border-color: var(--solo-accent-hover); color: var(--solo-accent-foreground) !important; } html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) :is(span, b, strong, small, svg, use) { color: inherit !important; } /* Native monochrome UI icons, including external SVG sprites with white paths. */ html.solo-design-active :is(.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button) :is(svg[class^="icon-"], svg[class*=" icon-"]) { filter: brightness(0) saturate(100%); } html.solo-design-active .js-share.ui-btn--primary, html.solo-design-active .js-share.ui-btn--primary:is(:hover, :focus, :active) { color: var(--solo-accent-foreground) !important; } html.solo-design-active .js-share.ui-btn--primary .icon-share { color: var(--solo-accent-foreground) !important; filter: brightness(0) saturate(100%); } /* Solo Music home products 1.2.5 */ /* Solo Music 1.2.2 — popular products on the home page only. */ html.solo-design-active body.solo-store-home main .solo-home-products .products__item { background: transparent; border-radius: 14px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-in { background: linear-gradient(145deg, #282a32, #1d1f26); color: #eeeef1; border-color: #3b3e49; box-shadow: inset 0 1px 0 #ffffff06 !important; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-in::before { display: none; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-title, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-price, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-price ins { color: #eeeef1; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-title:hover { color: #def0ac; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-price del, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-price small, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-status { color: #bfc2ce; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-image { border-radius: 8px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-buttons .ui-btn--compare, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-buttons .ui-btn--favorite, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-buttons [data-action="compare"], html.solo-design-active body.solo-store-home main .solo-home-products .products__item-buttons [data-action="wishlist"] { display: none !important; } /* Solo Music 1.2.4: a larger photo, a compact caption, and a smaller cart. */ html.solo-design-active body.solo-store-home main .solo-home-products .products__item-in { padding: 6px !important; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-in > .products__item-image, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-in > .products__item-gallery { flex: 0 0 104px; align-self: stretch; width: 100%; max-width: 100%; height: 104px !important; min-height: 0; aspect-ratio: auto; padding: 0 !important; margin: 0 0 6px !important; box-sizing: border-box; border-radius: 9px; overflow: hidden; isolation: isolate; clip-path: inset(0 round 9px); background: #fff; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-gallery > .products__item-image { flex: 0 0 100%; width: 100%; height: 100% !important; margin: 0 !important; border-radius: 0; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-image img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; object-fit: contain; object-position: center; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-status { font-size: 10px; line-height: 12px; margin-bottom: 2px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-title { font-size: 11px; line-height: 14px; height: 28px; min-height: 28px; max-height: 28px; margin-bottom: 4px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-price { font-size: 12px; line-height: 16px; min-height: 20px; padding-right: 32px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-action { right: 6px !important; bottom: 6px !important; width: 26px; padding: 0 !important; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-action .ui-btn--primary { width: 26px; height: 26px; min-height: 26px; min-width: 0; padding: 5px; border-radius: 6px; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-action .icon-cart { width: 13px; height: 13px; } /* One stable main photo in the home carousel, including hover and touch. */ html.solo-design-active body.solo-store-home main .solo-home-products .products__item-gallery .products__item-pagination, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-gallery .products__item-bullet, html.solo-design-active body.solo-store-home main .solo-home-products .products__item-gallery > .products__item-image ~ .products__item-image { display: none !important; } html.solo-design-active body.solo-store-home main .solo-home-products .products__item-gallery > .products__item-image { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none; } /* The main product carousel remains scrollable, with a rounded grey bar. */ html.solo-design-active body.solo-store-home main .solo-home-products .swiper-scrollbar { height: 5px; background: #2b2c34; border-radius: 5px; overflow: hidden; } html.solo-design-active body.solo-store-home main .solo-home-products .swiper-scrollbar-drag { top: 0; height: 100%; background: #898d99; border-radius: 5px; } /* Native brand/latest modules retain their side arrows in the current palette. */ html.solo-design-active .solo-native-carousel { position:relative; padding:0 48px; } html.solo-design-active .solo-native-carousel :is(.swiper-products,.swiper-brands-featured) { overflow:hidden; margin:0; } html.solo-design-active .solo-native-carousel__button { position:absolute; top:50%; z-index:5; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border:1px solid #41444d; border-radius:50%; background:#272932; color:#eeeef1; cursor:pointer; font:400 28px/1 Arial,sans-serif; } html.solo-design-active .solo-native-carousel__button:hover { color:#d8ff62; border-color:currentColor; } html.solo-design-active .solo-native-carousel__button:focus-visible { outline:2px solid #d8ff62; outline-offset:2px; } html.solo-design-active .solo-native-carousel__button--prev { left:3px; } html.solo-design-active .solo-native-carousel__button--next { right:3px; } html.solo-design-active .solo-native-carousel--locked .solo-native-carousel__button { display:none; } @media (min-width:1200px) { html.solo-design-active .solo-native-brands .swiper-brands-featured .swiper-slide { flex:0 0 12.5%; max-width:12.5%; padding:0 .5rem; } } @media (min-width:768px) and (max-width:1199px) { html.solo-design-active .solo-native-brands .swiper-brands-featured .swiper-slide { flex:0 0 19rem; width:19rem; max-width:19rem; } } @media (max-width:767px) { html.solo-design-active .solo-native-carousel { padding:0 38px; } html.solo-design-active .solo-native-carousel__button { width:32px; height:32px; font-size:23px; } html.solo-design-active .solo-native-brands .swiper-brands-featured .swiper-slide { flex:0 0 14rem; width:14rem; max-width:14rem; } } /* 1.3.2: retain the 29px cart and place it four pixels below the price baseline. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in .ui-add-to-cart .ui-btn--primary, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in .ui-add-to-cart.is-active .ui-btn--primary, html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in .ui-add-to-cart .ui-btn--primary, html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in .ui-add-to-cart.is-active .ui-btn--primary { width:29px; min-width:29px; max-width:29px; height:29px; min-height:29px; max-height:29px; padding:6px; transform:translateY(4px); } html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in .ui-add-to-cart .icon-cart, html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in .ui-add-to-cart.is-active .icon-cart, html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in .ui-add-to-cart .icon-cart, html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in .ui-add-to-cart.is-active .icon-cart { width:16px; height:16px; } /* Leave room below the lowered button when the quantity control appears. */ html.solo-design-active .products__list:is([class*="products__list--grid-"],.products__list--responsive):not(.products__list--line) .products__item-in .ui-add-to-cart.is-active .ui-number, html.solo-design-active .products-featured:not(.solo-home-products) .products__item-in .ui-add-to-cart.is-active .ui-number { margin-top:3px; } /* The legacy sidebar is 20% wide; allow the product area to use the remainder. */ @media (min-width:1199px) { html.solo-design-active main .row:has(> #column-left) > :is(#content,.col-xl-9):has(.products__list) { flex:1 1 0%; width:auto; min-width:0; max-width:none; } }