

/* Start:/local/templates/2waystore.ru/assets/css/gallery.css?179399577211146*/
.tw-gallery { --gallery-muted: #555a63; padding-block: 24px 64px; color: var(--tw-color-text); font-family: var(--tw-font-family); }
.tw-gallery a, .tw-gallery a:hover { text-decoration: none; }
.tw-gallery :is(a,button,input,select,summary):focus-visible { outline: 2px solid var(--tw-color-field-focus); outline-offset: 3px; }
.tw-gallery-crumbs { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--gallery-muted); margin-bottom:24px; }
.tw-gallery-heading { margin-bottom:28px; max-width:760px; }
.tw-gallery-heading h1 { font-size:var(--tw-heading-size); line-height:1.2; font-weight:600; margin:0; }
.tw-gallery-heading p { font-size:15px; line-height:1.65; margin:12px 0 0; color:var(--gallery-muted); white-space:pre-line; }
.tw-gallery-filter-panel { border:1px solid var(--tw-color-border); border-radius:var(--tw-banner-radius); background:var(--tw-color-surface); }
.tw-gallery-filter-panel > summary { display:none; }
.tw-gallery-filters { display:grid; grid-template-columns:1.1fr 1fr 1fr auto; gap:16px; align-items:end; padding:24px; }
.tw-gallery-filters > div { min-width:0; }
.tw-gallery-filters label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.tw-gallery-filters :is(input,select) { display:block; width:100%; min-width:0; height:var(--tw-control-height); border:1px solid #9398a0; border-radius:var(--tw-control-radius); background:var(--tw-white); color:var(--tw-color-text); font:inherit; font-size:14px; padding:0 12px; }
.tw-gallery-filters input::placeholder { color:var(--gallery-muted); opacity:1; }
.tw-gallery-filters :is(input,select):focus { border-color:var(--tw-color-field-focus); outline:2px solid var(--tw-color-field-focus); outline-offset:-2px; }
.tw-gallery-filters select:disabled { color:var(--gallery-muted); background:var(--tw-color-surface); cursor:not-allowed; }
.tw-gallery-filter-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.tw-gallery-filter-hint { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tw-gallery-primary, .tw-gallery-secondary, .tw-gallery-reset, .tw-gallery-pagination a, .tw-gallery-viewer button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border-radius:var(--tw-control-radius); font:inherit; font-size:14px; font-weight:600; line-height:1.4; cursor:pointer; }
.tw-gallery .tw-gallery-primary { background:var(--tw-button-background); border:1px solid var(--tw-button-border); color:var(--tw-button-text); }
.tw-gallery .tw-gallery-primary:hover { background:var(--tw-button-hover-background); }
.tw-gallery-secondary, .tw-gallery-viewer button { background:var(--tw-white); border:1px solid #9398a0; color:var(--tw-color-text); }
.tw-gallery-secondary:hover, .tw-gallery-viewer button:hover { background:var(--tw-color-surface); }
.tw-gallery-reset { padding-inline:4px; color:var(--gallery-muted); font-weight:400; }
.tw-gallery-reset:hover, .tw-gallery-back:hover, .tw-gallery-pagination a:hover { color:var(--tw-color-accent); }
.tw-gallery-selected { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.tw-gallery-selected a { display:inline-flex; align-items:center; gap:12px; min-height:44px; max-width:100%; padding:8px 12px; border:1px solid var(--tw-color-border); border-radius:var(--tw-control-radius); font-size:13px; overflow-wrap:anywhere; }
.tw-gallery-selected a:hover { border-color:var(--tw-color-border-hover); }
.tw-gallery-selected img { flex-shrink:0; }
.tw-gallery-result { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px; margin-block:32px 20px; }
.tw-gallery-result h2 { font-size:18px; font-weight:600; margin:0; }
.tw-gallery-result span { color:var(--gallery-muted); font-size:13px; }
.tw-gallery-grid { display:grid; gap:28px 24px; }
.tw-gallery-columns-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tw-gallery-columns-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tw-gallery-card { min-width:0; border:1px solid var(--tw-color-border); border-radius:var(--tw-card-radius); padding:8px; }
.tw-gallery-entry { display:flex; flex-direction:column; height:100%; color:inherit; border-radius:var(--tw-media-radius); }
.tw-gallery-card:has(.tw-gallery-entry:hover) { border-color:var(--tw-color-border-hover); }
.tw-gallery-cover { display:block; border-radius:var(--tw-media-radius); }
.tw-gallery-cover img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:inherit; background:var(--tw-color-surface); }
.tw-gallery-caption { display:flex; flex-direction:column; flex:1; padding:16px 12px 12px; }
.tw-gallery-car { font-size:12px; color:var(--gallery-muted); margin:0 0 6px; }
.tw-gallery-caption :is(h2,h3) { font-size:18px; line-height:1.4; font-weight:600; margin:0; overflow-wrap:anywhere; }
.tw-gallery-article { margin:12px 0 16px; color:var(--gallery-muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.tw-gallery-card-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:14px; border-top:1px solid var(--tw-color-border); font-size:12px; }
.tw-gallery-card-bottom > span:first-child { color:var(--gallery-muted); }
.tw-gallery-card-bottom > span:last-child { display:inline-flex; align-items:center; gap:10px; font-weight:600; }
.tw-gallery-empty { text-align:center; padding:64px 24px; border:1px solid var(--tw-color-border); border-radius:var(--tw-banner-radius); }
.tw-gallery-empty > img { display:block; margin:0 auto 20px; }
.tw-gallery-empty h2 { font-size:22px; line-height:1.35; font-weight:600; margin:0; }
.tw-gallery-empty p { color:var(--gallery-muted); max-width:450px; margin:12px auto 24px; font-size:14px; line-height:1.7; white-space:pre-line; }
.tw-gallery-error { color:var(--tw-color-error); font-size:14px; margin:16px 0; }
.tw-gallery-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:16px; margin-top:32px; font-size:14px; }
.tw-gallery-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:20px; font-size:14px; }
.tw-gallery-detail { grid-template-columns:minmax(0,1fr); max-width:1100px; }
.tw-gallery-description { max-width:760px; font-size:15px; line-height:1.65; margin:16px 0 8px; }
.tw-gallery-photo-list { display:grid; gap:16px; padding:12px; }
.tw-gallery-photo-list img { display:block; width:100%; height:auto; border-radius:var(--tw-media-radius); }
.tw-gallery-viewer { width:min(1100px,calc(100% - 32px)); max-width:1100px; max-height:calc(100dvh - 32px); padding:20px; margin:auto; border:1px solid var(--tw-color-border); border-radius:var(--tw-banner-radius); background:var(--tw-white); color:var(--tw-color-text); font-family:var(--tw-font-family); }
.tw-gallery-viewer::backdrop { background:rgb(17 18 19 / .8); }
.tw-gallery-viewer-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.tw-gallery-viewer-top h2 { font-size:18px; font-weight:600; line-height:1.4; margin:0; overflow-wrap:anywhere; }
.tw-gallery-viewer-top p { margin:6px 0 0; color:var(--gallery-muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.tw-gallery-viewer .tw-gallery-close { flex:0 0 44px; width:44px; padding:0; }
.tw-gallery-viewer figure { margin:0; }
.tw-gallery-image-stage { display:flex; justify-content:center; align-items:center; background:var(--tw-color-surface); border-radius:var(--tw-media-radius); }
.tw-gallery-image-stage > img { display:block; width:auto; height:auto; max-width:100%; max-height:min(58dvh,640px); object-fit:contain; border-radius:var(--tw-media-radius); }
.tw-gallery-viewer figcaption { font-size:13px; line-height:1.6; margin-top:12px; overflow-wrap:anywhere; }
.tw-gallery-viewer-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; }
.tw-gallery-viewer-controls button { gap:8px; white-space:nowrap; }
.tw-gallery-viewer-controls > span { font-size:12px; text-align:center; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tw-gallery-viewer button:is(:disabled,[aria-disabled="true"]) { opacity:.45; cursor:default; }
.tw-gallery-thumbnails { display:flex; gap:8px; overflow-x:auto; padding:4px; margin:12px -4px 0; }
.tw-gallery-thumbnails[hidden] { display:none; }
.tw-gallery-viewer .tw-gallery-thumbnail { flex:0 0 72px; min-height:54px; padding:3px; border:2px solid transparent; background:var(--tw-color-surface); border-radius:var(--tw-control-radius); }
.tw-gallery-thumbnail img { display:block; width:62px; height:44px; object-fit:cover; border-radius:var(--tw-media-radius); }
.tw-gallery-viewer .tw-gallery-thumbnail[aria-pressed="true"] { border-color:var(--tw-color-focus); }
.tw-gallery-series-link { display:inline-flex; align-items:center; min-height:44px; font-size:13px; }
.tw-gallery-series-link:hover { color:var(--tw-color-accent); }
.tw-gallery-image-error { color:var(--tw-color-error); font-size:14px; }
html.tw-gallery-viewing { overflow:hidden; scrollbar-gutter:stable; }
@media (max-width:1050px) { .tw-gallery-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .tw-gallery-filter-actions { grid-column:1/-1; } .tw-gallery-columns-3 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) {
    .tw-gallery { padding-block:20px 40px; }
    .tw-gallery-crumbs { margin-bottom:20px; }
    .tw-gallery-heading { margin-bottom:20px; }
    .tw-gallery-filter-panel > summary { display:grid; grid-template-columns:minmax(0,1fr) 20px; gap:4px 12px; padding:16px; min-height:76px; font-size:14px; font-weight:600; cursor:pointer; list-style:none; }
    .tw-gallery-filter-panel > summary::-webkit-details-marker { display:none; }
    .tw-gallery-filter-summary { grid-column:1; color:var(--gallery-muted); font-size:12px; font-weight:400; }
    .tw-gallery-filter-panel > summary img { grid-column:2; grid-row:1/3; align-self:center; }
    .tw-gallery-filter-panel[open] > summary img { transform:rotate(180deg); }
    .tw-gallery-filter-panel[open] > summary { border-bottom:1px solid var(--tw-color-border); }
    .tw-gallery-filters { grid-template-columns:minmax(0,1fr); padding:16px; gap:16px; }
    .tw-gallery-filters :is(input,select) { font-size:16px; }
    .tw-gallery-filter-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; }
    .tw-gallery-reset { justify-self:stretch; }
    .tw-gallery-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
    .tw-gallery-result { margin-top:24px; }
    .tw-gallery-empty { padding:40px 20px; }
    .tw-gallery-empty h2 { font-size:20px; }
    .tw-gallery-caption { padding:14px 8px 10px; }
    .tw-gallery-viewer { width:calc(100% - 16px); max-height:calc(100dvh - 16px); padding:12px; }
    .tw-gallery-image-stage > img { max-height:48dvh; }
    .tw-gallery-viewer-controls { gap:8px; }
    .tw-gallery-viewer-controls button { padding-inline:10px; }
    .tw-gallery-viewer-top { align-items:flex-start; }
    .tw-gallery-photo-list { padding:0; }
}

/* End */
/* /local/templates/2waystore.ru/assets/css/gallery.css?179399577211146 */
