/* ============================================================ SD_STORES_MODAL_GRID_5_V108 - 5 карточек точек в ряд на desktop - перенос длинного адреса на следующую строку - dark + light theme - mobile не трогаем ============================================================ */ /* ------------------------------------------------------------ DESKTOP LAYOUT ------------------------------------------------------------ */ @media (min-width: 1181px){ #storesModal.stores-modal-v25 .modal-box{ width:min(1540px, calc(100vw - 40px)) !important; max-width:1540px !important; } #storesModal .stores-picker-v25{ grid-template-columns:260px minmax(0,1fr) !important; gap:14px !important; min-height:470px !important; } #storesModal .stores-cities-v25, #storesModal .stores-points-v25{ min-width:0 !important; } #storesModal .modal-list.city-list{ max-height:420px !important; } #storesModal .point-list.active{ display:grid !important; grid-template-columns:repeat(5, minmax(0,1fr)) !important; align-content:start !important; gap:10px !important; max-height:420px !important; padding:0 3px 6px 0 !important; overflow-x:hidden !important; overflow-y:auto !important; } #storesModal .point-list button{ min-width:0 !important; min-height:118px !important; display:grid !important; grid-template-columns:34px minmax(0,1fr) 24px !important; align-items:start !important; gap:10px !important; padding:12px !important; text-align:left !important; } #storesModal .store-icon-v25{ width:34px !important; height:34px !important; border-radius:10px !important; } #storesModal .store-icon-v25:before{ left:8px !important; right:8px !important; top:10px !important; height:12px !important; } #storesModal .store-icon-v25:after{ left:7px !important; right:7px !important; top:7px !important; height:4px !important; } #storesModal .store-body-v25{ min-width:0 !important; display:grid !important; align-content:start !important; gap:6px !important; align-self:stretch !important; } #storesModal .point-list b{ display:block !important; min-width:0 !important; max-width:100% !important; overflow:visible !important; text-overflow:unset !important; white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; hyphens:auto !important; font-size:14px !important; line-height:1.12 !important; font-weight:900 !important; } #storesModal .point-list small{ display:grid !important; gap:3px !important; font-size:10px !important; line-height:1.25 !important; } #storesModal .point-list small span{ font-size:8px !important; line-height:1.15 !important; } #storesModal .point-list button > i{ width:24px !important; height:24px !important; font-size:18px !important; align-self:center !important; justify-self:end !important; } } /* ------------------------------------------------------------ DARK THEME ------------------------------------------------------------ */ @media (min-width: 1181px){ html[data-site-theme="dark"] body #storesModal .point-list button{ border:1px solid rgba(255,255,255,.10) !important; border-radius:13px !important; background: linear-gradient( 145deg, rgba(255,255,255,.055), rgba(255,255,255,.018) ) !important; color:#fff !important; } html[data-site-theme="dark"] body #storesModal .point-list button:hover{ transform:translateY(-2px) !important; border-color:rgba(239,27,36,.45) !important; background: linear-gradient( 145deg, rgba(239,27,36,.12), rgba(255,255,255,.025) ) !important; } html[data-site-theme="dark"] body #storesModal .point-list b{ color:#fff !important; -webkit-text-fill-color:#fff !important; } html[data-site-theme="dark"] body #storesModal .point-list small{ color:rgba(255,255,255,.56) !important; -webkit-text-fill-color:rgba(255,255,255,.56) !important; } html[data-site-theme="dark"] body #storesModal .point-list small span{ color:rgba(255,255,255,.30) !important; -webkit-text-fill-color:rgba(255,255,255,.30) !important; } html[data-site-theme="dark"] body #storesModal .point-list button > i{ border-radius:50% !important; background:rgba(255,255,255,.055) !important; color:#ef242d !important; } } /* ------------------------------------------------------------ LIGHT THEME ------------------------------------------------------------ */ @media (min-width: 1181px){ html[data-site-theme="light"] body #storesModal .point-list button{ border:1px solid rgba(0,0,0,.09) !important; border-radius:13px !important; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(245,245,242,.94) ) !important; color:#111 !important; box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(0,0,0,.035) !important; } html[data-site-theme="light"] body #storesModal .point-list button:hover{ transform:translateY(-2px) !important; border-color:rgba(239,27,36,.22) !important; background:#fff !important; box-shadow: 0 12px 28px rgba(0,0,0,.06) !important; } html[data-site-theme="light"] body #storesModal .point-list b{ color:#111 !important; -webkit-text-fill-color:#111 !important; } html[data-site-theme="light"] body #storesModal .point-list small{ color:#6d6d6d !important; -webkit-text-fill-color:#6d6d6d !important; } html[data-site-theme="light"] body #storesModal .point-list small span{ color:rgba(0,0,0,.46) !important; -webkit-text-fill-color:rgba(0,0,0,.46) !important; } html[data-site-theme="light"] body #storesModal .point-list button > i{ border-radius:50% !important; background:rgba(0,0,0,.045) !important; color:#ef242d !important; } } /* ------------------------------------------------------------ TABLET / MOBILE оставляем текущую адаптивную механику ------------------------------------------------------------ */ @media (max-width: 1180px){ /* intentionally empty */ }