.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(//qbiss.co.il/wp-content/plugins/qbiss-store-locator/assets/vendor/leaflet/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(//qbiss.co.il/wp-content/plugins/qbiss-store-locator/assets/vendor/leaflet/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(//qbiss.co.il/wp-content/plugins/qbiss-store-locator/assets/vendor/leaflet/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:0 0}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}.qsl {
--qsl-green: #4a8f29;
--qsl-green-dark: #2f4a20;
--qsl-green-soft: #eef5e9;
--qsl-ink: #1c1c1c;
--qsl-muted: #6b6b6b;
--qsl-line: #e7e7e7;
--qsl-cream: #f6f7f1;
--qsl-radius: 16px;
--qsl-shadow: 0 6px 24px rgba(0, 0, 0, .07);
--qsl-sticky-top: 90px;
--qsl-header-h: 60px;
color: var(--qsl-ink);
direction: rtl;
text-align: right; width: 100vw;
position: relative;
right: 50%;
margin-right: -50vw;
margin-left: -50vw;
left: 50%;
box-sizing: border-box;
}
.qsl *, .qsl *::before, .qsl *::after { box-sizing: border-box; } .qsl__head {
max-width: 1440px;
margin: 0 auto;
padding: 28px 16px 12px;
text-align: center;
}
.qsl__title {
font-size: clamp(26px, 4vw, 40px);
font-weight: 700;
margin: 0 0 6px;
line-height: 1.15;
color: var(--qsl-ink);
}
.qsl__subtitle {
margin: 0 0 18px;
color: var(--qsl-muted);
font-size: 16px;
}
.qsl__search {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 640px;
margin: 0 auto;
}
.qsl__search-box {
display: flex;
align-items: center;
background: #fff;
border: 1.5px solid var(--qsl-line);
border-radius: 999px;
padding: 4px 6px 4px 4px;
box-shadow: var(--qsl-shadow);
transition: border-color .15s, box-shadow .15s;
}
.qsl__search-box:focus-within {
border-color: var(--qsl-green);
box-shadow: 0 0 0 4px rgba(74, 143, 41, .15);
}
.qsl .qsl__input,
.qsl .qsl__input:focus {
flex: 1;
border: 0;
box-shadow: none;
background: transparent;
font-size: 17px;
padding: 12px 14px;
margin: 0;
min-height: 48px;
outline: none;
color: var(--qsl-ink);
}
.qsl .qsl__input::placeholder { color: #9a9a9a; }
.qsl .qsl__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.qsl .qsl__search-btn {
flex: 0 0 auto;
width: 46px;
height: 46px;
border-radius: 50%;
border: 0;
background: var(--qsl-green);
color: #fff;
display: grid;
place-items: center;
cursor: pointer;
margin: 0;
padding: 0;
transition: background .15s, transform .1s;
}
.qsl .qsl__search-btn:hover { background: var(--qsl-green-dark); }
.qsl .qsl__search-btn:active { transform: scale(.96); }
.qsl .qsl__near-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0 auto;
padding: 12px 22px;
min-height: 48px;
border-radius: 999px;
border: 1.5px solid var(--qsl-green);
background: #fff;
color: var(--qsl-green-dark);
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-transform: none;
letter-spacing: 0;
transition: background .15s, color .15s;
}
.qsl .qsl__near-btn:hover { background: var(--qsl-green-soft); }
.qsl .qsl__near-btn.is-busy { opacity: .7; pointer-events: none; }
.qsl__msg {
margin: 12px auto 0;
max-width: 640px;
padding: 10px 14px;
border-radius: 10px;
background: var(--qsl-cream);
color: var(--qsl-ink);
font-size: 14px;
}
.qsl__msg.is-error { background: #fdecec; color: #8a1f1f; } .qsl__tabs {
display: none;
position: sticky;
top: var(--qsl-header-h);
z-index: 20;
background: #fff;
padding: 8px 16px;
gap: 6px;
border-bottom: 1px solid var(--qsl-line);
}
.qsl .qsl__tab {
flex: 1;
border: 0;
background: var(--qsl-cream);
color: var(--qsl-ink);
padding: 11px;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
margin: 0;
text-transform: none;
}
.qsl .qsl__tab.is-active { background: var(--qsl-green); color: #fff; } .qsl__body {
max-width: 1440px;
margin: 0 auto;
padding: 8px 16px 40px;
display: grid;
grid-template-columns: minmax(340px, 460px) 1fr;
gap: 24px;
align-items: stretch; }
.qsl__list-wrap { min-width: 0; }
.qsl__map-wrap { min-width: 0; align-self: stretch; }
.qsl__map-sticky {
position: -webkit-sticky;
position: sticky;
top: var(--qsl-sticky-top);
}
.qsl__map {
direction: ltr; height: calc(100vh - var(--qsl-sticky-top) - 24px);
min-height: 420px;
border-radius: var(--qsl-radius);
overflow: hidden;
background: var(--qsl-cream);
box-shadow: var(--qsl-shadow);
z-index: 1;
} .qsl__list-head {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 2px 12px;
flex-wrap: wrap;
}
.qsl__list-title {
font-size: 18px;
font-weight: 700;
margin: 0;
line-height: 1.3;
}
.qsl__count {
display: inline-grid;
place-items: center;
min-width: 28px;
height: 28px;
padding: 0 8px;
border-radius: 999px;
background: var(--qsl-green-soft);
color: var(--qsl-green-dark);
font-size: 13px;
font-weight: 700;
}
.qsl .qsl__reset {
margin-inline-start: auto;
border: 0;
background: transparent;
color: var(--qsl-green-dark);
text-decoration: underline;
font-size: 14px;
cursor: pointer;
padding: 4px;
text-transform: none;
}
.qsl__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.qsl-card {
display: flex;
flex-direction: column;
gap: 12px;
background: #fff;
border: 1.5px solid var(--qsl-line);
border-radius: var(--qsl-radius);
padding: 16px 18px;
cursor: pointer;
transition: border-color .15s, box-shadow .15s, transform .15s;
position: relative;
}
.qsl-card:hover { border-color: #cfd8c8; box-shadow: var(--qsl-shadow); }
.qsl-card:focus-visible { outline: 3px solid rgba(74, 143, 41, .35); outline-offset: 2px; }
.qsl-card.is-active {
border-color: var(--qsl-green);
box-shadow: 0 0 0 3px rgba(74, 143, 41, .15), var(--qsl-shadow);
}
.qsl-card.is-active::before {
content: "";
position: absolute;
inset-block: 14px;
inset-inline-start: -1.5px;
width: 4px;
border-radius: 4px;
background: var(--qsl-green);
}
.qsl-card[hidden] { display: none; }
.qsl-card__body { display: flex; flex-direction: column; gap: 4px; }
.qsl-card__name {
font-size: 17px;
font-weight: 700;
margin: 0;
line-height: 1.3;
color: var(--qsl-ink);
}
.qsl-card__addr, .qsl-card__meta {
margin: 0;
color: var(--qsl-muted);
font-size: 15px;
line-height: 1.45;
}
.qsl-card__meta span { color: var(--qsl-ink); }
.qsl-card__dist {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 4px;
font-size: 14px;
font-weight: 600;
color: var(--qsl-green-dark);
}
.qsl-card__dist::before {
content: "";
width: 8px; height: 8px;
border-radius: 50%;
background: var(--qsl-green);
}
.qsl-card__dist[hidden] { display: none; }
.qsl-card__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.qsl .qsl-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 9px 16px;
min-height: 40px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: 1;
border: 1.5px solid transparent;
transition: background .15s, color .15s, border-color .15s;
text-transform: none;
letter-spacing: 0;
}
.qsl .qsl-btn--nav { background: var(--qsl-green); color: #fff; }
.qsl .qsl-btn--nav:hover { background: var(--qsl-green-dark); color: #fff; }
.qsl .qsl-btn--waze { background: #fff; color: var(--qsl-ink); border-color: var(--qsl-line); }
.qsl .qsl-btn--waze:hover { border-color: var(--qsl-ink); color: var(--qsl-ink); }
.qsl__empty {
margin: 12px 0;
padding: 18px;
border-radius: 12px;
background: var(--qsl-cream);
color: var(--qsl-muted);
text-align: center;
}
.qsl__empty[hidden] { display: none; } .qsl .qsl__area-btn {
position: absolute;
top: 14px;
left: 50%;
transform: translateX(-50%);
z-index: 500;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
min-height: 42px;
border-radius: 999px;
border: 0;
background: #fff;
color: var(--qsl-ink);
font-size: 14px;
font-weight: 600;
box-shadow: 0 4px 16px rgba(0, 0, 0, .18);
cursor: pointer;
margin: 0;
text-transform: none;
white-space: nowrap;
}
.qsl .qsl__area-btn:hover { background: var(--qsl-cream); }
.qsl .qsl__area-btn[hidden] { display: none; }
.qsl-pin { background: transparent; border: 0; }
.qsl-pin svg { display: block; width: 34px; height: 44px; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .25)); transition: transform .15s; transform-origin: 50% 100%; }
.qsl-pin.is-active svg, .qsl-pin:hover svg { transform: scale(1.18); }
.qsl-pin.is-active { z-index: 1000 !important; }
.qsl-origin { background: transparent; border: 0; }
.qsl-origin__dot {
width: 18px; height: 18px;
border-radius: 50%;
background: #2a6df4;
border: 3px solid #fff;
box-shadow: 0 0 0 6px rgba(42, 109, 244, .25), 0 2px 6px rgba(0, 0, 0, .3);
}
.qsl-origin--search .qsl-origin__dot { background: var(--qsl-ink); box-shadow: 0 0 0 6px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .3); }
.qsl-cluster { background: transparent; border: 0; }
.qsl-cluster div {
width: 44px; height: 44px;
border-radius: 50%;
background: var(--qsl-green);
color: #fff;
display: grid;
place-items: center;
font-weight: 700;
font-size: 15px;
box-shadow: 0 0 0 6px rgba(74, 143, 41, .25), 0 3px 8px rgba(0, 0, 0, .25);
border: 2px solid #fff;
} .qsl .leaflet-popup { margin-bottom: 0; }
.qsl .leaflet-popup-tip-container { display: none; }
.qsl .leaflet-popup-content-wrapper {
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 32px rgba(0, 0, 0, .18), 0 0 0 1px rgba(0, 0, 0, .05);
padding: 0;
direction: rtl;
text-align: right;
overflow: hidden;
}
.qsl .leaflet-popup-content {
margin: 16px 18px 16px 18px;
min-width: 220px;
max-width: 280px;
font-family: inherit;
line-height: 1.4;
}
.qsl-popup { padding-left: 22px; } .qsl-popup__name { font-weight: 700; font-size: 16px; margin: 0 0 3px; color: var(--qsl-ink); }
.qsl-popup__addr { margin: 0; color: var(--qsl-muted); font-size: 14px; line-height: 1.45; }
.qsl-popup__dist {
display: inline-flex; align-items: center; gap: 6px;
margin: 6px 0 0; font-size: 13px; font-weight: 600; color: var(--qsl-green-dark);
}
.qsl-popup__dist::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--qsl-green); }
.qsl-popup__actions { display: flex; gap: 8px; margin-top: 12px; }
.qsl-popup__actions .qsl-btn { flex: 1; justify-content: center; min-height: 38px; padding: 8px 14px; font-size: 14px; }
.qsl .leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 10px;
left: 10px;
right: auto;
width: 26px;
height: 26px;
padding: 0;
border-radius: 50%;
background: #f1f1f1;
color: #555;
font: 18px/26px Arial, sans-serif;
text-align: center;
transition: background .15s;
}
.qsl .leaflet-container a.leaflet-popup-close-button:hover { background: #e2e2e2; color: var(--qsl-ink); }
.qsl .leaflet-container { font-family: inherit; }
.qsl .leaflet-control-attribution { font-size: 10px; direction: ltr; }
.qsl .leaflet-bar a { color: var(--qsl-ink); } @media (max-width: 849px) {
.qsl__head { padding: 20px 16px 10px; }
.qsl__tabs { display: flex; }
.qsl__body {
grid-template-columns: 1fr;
gap: 0;
padding: 10px 16px 30px;
}
.qsl__map-sticky { position: static; }
.qsl__map {
height: calc(100vh - var(--qsl-header-h) - 140px);
min-height: 360px;
}
.qsl[data-view="list"] .qsl__map-wrap { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.qsl[data-view="map"] .qsl__list-wrap { display: none; }
.qsl-card { padding: 14px 16px; }
.qsl .qsl-btn { flex: 1; justify-content: center; }
.qsl .qsl__area-btn { top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.qsl *, .qsl *::before, .qsl *::after { transition: none !important; }
}