@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.pct-switcher {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
font-size: 14px;
line-height: 1.4;
z-index: 999999;
direction: ltr;
--pct-accent: #0073aa;
--pct-accent-light: #0073aa18;
--pct-accent-text: #fff;
--pct-bg: #fff;
--pct-fg: #333;
--pct-border: #ddd;
--pct-hover: #f0f4f8;
} .pct-floating { position: fixed; }
.pct-pos-bottom_right { bottom: 20px; right: 20px; }
.pct-pos-bottom_left  { bottom: 20px; left: 20px; }
.pct-pos-top_right    { top: 20px; right: 20px; }
.pct-pos-top_left     { top: 20px; left: 20px; }
.pct-inline { position: relative; display: inline-block; } .pct-flag { font-size: 18px; line-height: 1; }
.pct-label { font-size: 14px; }
.pct-arrow { font-size: 12px; color: #999; transition: transform 0.2s ease; }
.pct-open .pct-arrow { transform: rotate(180deg); } [data-style="dropdown_flags"] .pct-toggle {
display: flex; align-items: center; gap: 8px;
padding: 10px 16px;
background: var(--pct-bg); border: 1px solid var(--pct-border);
border-radius: 50px; cursor: pointer;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
transition: all 0.2s ease;
font-size: 14px; font-family: inherit; color: var(--pct-fg); white-space: nowrap;
}
[data-style="dropdown_flags"] .pct-toggle:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.16); border-color: #bbb;
} [data-style="dropdown_flags"].pct-dir-up.pct-open .pct-toggle {
border-radius: 50px 50px 4px 4px; border-bottom-color: transparent;
}
[data-style="dropdown_flags"].pct-dir-down.pct-open .pct-toggle {
border-radius: 4px 4px 50px 50px; border-top-color: transparent;
}
[data-style="dropdown_flags"] .pct-menu {
display: none; position: absolute; left: 0; right: 0;
margin: 0; padding: 4px 0; list-style: none;
background: var(--pct-bg); border: 1px solid var(--pct-border);
overflow: hidden;
} .pct-dir-up[data-style="dropdown_flags"] .pct-menu {
bottom: 100%; top: auto;
border-radius: 12px 12px 0 0;
box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
} .pct-dir-down[data-style="dropdown_flags"] .pct-menu {
top: 100%; bottom: auto;
border-radius: 0 0 12px 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
[data-style="dropdown_flags"].pct-open .pct-menu { display: block; }
[data-style="dropdown_flags"] .pct-menu li { margin: 0; padding: 0; }
[data-style="dropdown_flags"] .pct-menu li a {
display: flex; align-items: center; gap: 8px;
padding: 10px 16px; color: var(--pct-fg); text-decoration: none;
transition: background 0.15s; font-size: 14px; white-space: nowrap;
}
[data-style="dropdown_flags"] .pct-menu li a:hover { background: var(--pct-hover); }
[data-style="dropdown_flags"] .pct-menu li.pct-active a {
background: var(--pct-accent-light); font-weight: 600; color: var(--pct-accent);
} [data-style="horizontal_bar"] .pct-bar {
display: flex; border-radius: 50px; overflow: hidden;
border: 1px solid var(--pct-border);
box-shadow: 0 2px 12px rgba(0,0,0,0.1); background: var(--pct-bg);
}
[data-style="horizontal_bar"] .pct-bar-item {
display: flex; align-items: center; gap: 6px;
padding: 10px 16px; text-decoration: none;
font-size: 13px; font-weight: 500; color: var(--pct-fg);
transition: all 0.2s ease; white-space: nowrap;
border-right: 1px solid var(--pct-border);
}
[data-style="horizontal_bar"] .pct-bar-item:last-child { border-right: none; }
[data-style="horizontal_bar"] .pct-bar-item:hover { background: var(--pct-hover); }
[data-style="horizontal_bar"] .pct-bar-item.pct-active {
background: var(--pct-accent); color: var(--pct-accent-text);
border-right-color: var(--pct-accent);
}
[data-style="horizontal_bar"] .pct-bar-item .pct-flag { font-size: 16px; }
[data-style="horizontal_bar"] .pct-bar-code { letter-spacing: 0.5px; } [data-style="flags_circle"] .pct-circles { display: flex; gap: 6px; }
[data-style="flags_circle"] .pct-circle {
width: 42px; height: 42px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: var(--pct-bg); border: 2px solid var(--pct-border);
text-decoration: none; transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
[data-style="flags_circle"] .pct-circle:hover {
border-color: var(--pct-accent);
box-shadow: 0 3px 14px rgba(0,0,0,0.14); transform: translateY(-2px);
}
[data-style="flags_circle"] .pct-circle.pct-active {
background: var(--pct-accent); border-color: var(--pct-accent);
box-shadow: 0 3px 14px rgba(0,0,0,0.18);
}
[data-style="flags_circle"] .pct-circle .pct-flag { font-size: 20px; } [data-style="side_panel"] {
top: 50% !important; bottom: auto !important;
left: auto !important; right: 0 !important;
transform: translateY(-50%);
}
[data-style="side_panel"] .pct-side {
display: flex; flex-direction: column;
border-radius: 10px 0 0 10px; overflow: hidden;
border: 1px solid var(--pct-border); border-right: none;
box-shadow: -2px 0 12px rgba(0,0,0,0.08); background: var(--pct-bg);
}
[data-style="side_panel"] .pct-side-item {
display: flex; flex-direction: column; align-items: center; gap: 2px;
padding: 10px 12px; text-decoration: none; color: var(--pct-fg);
font-size: 10px; font-weight: 600; letter-spacing: 0.5px;
transition: all 0.2s ease;
border-bottom: 1px solid var(--pct-border);
}
[data-style="side_panel"] .pct-side-item:last-child { border-bottom: none; }
[data-style="side_panel"] .pct-side-item:hover { background: var(--pct-hover); }
[data-style="side_panel"] .pct-side-item.pct-active {
background: var(--pct-accent); color: var(--pct-accent-text);
border-bottom-color: var(--pct-accent);
}
[data-style="side_panel"] .pct-side-item .pct-flag { font-size: 18px; } [data-style="popup_globe"] .pct-globe-btn {
width: 48px; height: 48px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: var(--pct-accent); color: var(--pct-accent-text);
border: none; cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,0.18);
transition: all 0.2s ease; padding: 0; font-family: inherit;
}
[data-style="popup_globe"] .pct-globe-btn:hover {
box-shadow: 0 6px 24px rgba(0,0,0,0.24); transform: scale(1.05);
}
[data-style="popup_globe"].pct-open .pct-globe-btn { transform: scale(0.95); }
[data-style="popup_globe"] .pct-globe-menu {
display: none; position: absolute;
margin: 0; padding: 4px 0; list-style: none;
background: var(--pct-bg); border: 1px solid var(--pct-border);
border-radius: 12px; overflow: hidden; min-width: 160px;
}
.pct-dir-up[data-style="popup_globe"] .pct-globe-menu {
bottom: calc(100% + 8px); top: auto; right: 0;
box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
}
.pct-dir-down[data-style="popup_globe"] .pct-globe-menu {
top: calc(100% + 8px); bottom: auto; right: 0;
box-shadow: 0 4px 24px rgba(0,0,0,0.12);
}
[data-style="popup_globe"].pct-open .pct-globe-menu { display: block; }
[data-style="popup_globe"] .pct-globe-menu li { margin: 0; padding: 0; }
[data-style="popup_globe"] .pct-globe-menu li a {
display: flex; align-items: center; gap: 8px;
padding: 10px 16px; color: var(--pct-fg); text-decoration: none;
transition: background 0.15s; font-size: 14px; white-space: nowrap;
}
[data-style="popup_globe"] .pct-globe-menu li a:hover { background: var(--pct-hover); }
[data-style="popup_globe"] .pct-globe-menu li.pct-active a {
background: var(--pct-accent-light); font-weight: 600; color: var(--pct-accent);
} [data-style="inline_select"] .pct-select-btn {
display: flex; align-items: center; gap: 6px;
padding: 8px 14px; background: var(--pct-bg);
border: 1px solid var(--pct-border); border-radius: 8px;
cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: all 0.2s ease;
font-size: 13px; font-family: inherit; color: var(--pct-fg); white-space: nowrap;
}
[data-style="inline_select"] .pct-select-btn:hover { border-color: var(--pct-accent); }
[data-style="inline_select"] .pct-select-code { font-weight: 600; letter-spacing: 0.5px; }
[data-style="inline_select"] .pct-select-btn .pct-flag { font-size: 16px; }
[data-style="inline_select"] .pct-select-menu {
display: none; position: absolute; right: 0;
margin: 0; padding: 4px 0; list-style: none;
background: var(--pct-bg); border: 1px solid var(--pct-border);
border-radius: 10px; overflow: hidden; min-width: 150px;
}
.pct-dir-up[data-style="inline_select"] .pct-select-menu {
bottom: calc(100% + 4px); top: auto;
box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
}
.pct-dir-down[data-style="inline_select"] .pct-select-menu {
top: calc(100% + 4px); bottom: auto;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
[data-style="inline_select"].pct-open .pct-select-menu { display: block; }
[data-style="inline_select"] .pct-select-menu li { margin: 0; padding: 0; }
[data-style="inline_select"] .pct-select-menu li a {
display: flex; align-items: center; gap: 8px;
padding: 9px 14px; color: var(--pct-fg); text-decoration: none;
transition: background 0.15s; font-size: 13px; white-space: nowrap;
}
[data-style="inline_select"] .pct-select-menu li a:hover { background: var(--pct-hover); }
[data-style="inline_select"] .pct-select-menu li.pct-active a {
background: var(--pct-accent-light); font-weight: 600; color: var(--pct-accent);
} [data-style="header_minimal"] .pct-hm-btn {
display: flex; align-items: center; gap: 6px;
padding: 8px 16px;
background: transparent;
border: 1px solid rgba(255,255,255,0.25);
border-radius: 50px; cursor: pointer;
transition: all 0.25s ease;
font-size: 13px; font-family: inherit;
color: rgba(255,255,255,0.9);
white-space: nowrap;
box-shadow: none;
line-height: 1.4;
}
[data-style="header_minimal"] .pct-hm-btn:hover {
border-color: rgba(255,255,255,0.5);
color: #fff;
background: rgba(255,255,255,0.06);
}
[data-style="header_minimal"].pct-open .pct-hm-btn {
border-color: rgba(255,255,255,0.4);
background: rgba(255,255,255,0.08);
}
[data-style="header_minimal"] .pct-hm-code {
font-weight: 600; letter-spacing: 0.5px; font-size: 13px;
}
[data-style="header_minimal"] .pct-hm-btn .pct-flag { font-size: 16px; }
[data-style="header_minimal"] .pct-hm-btn .pct-arrow {
color: rgba(255,255,255,0.5); font-size: 10px; margin-left: 2px;
}
[data-style="header_minimal"] .pct-hm-menu {
display: none; position: absolute; right: 0;
margin: 0; padding: 6px 0; list-style: none;
background: #1e1e2e; border: 1px solid rgba(255,255,255,0.12);
border-radius: 12px; overflow: hidden; min-width: 160px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.pct-dir-up[data-style="header_minimal"] .pct-hm-menu {
bottom: calc(100% + 6px); top: auto;
box-shadow: 0 -8px 32px rgba(0,0,0,0.3);
}
.pct-dir-down[data-style="header_minimal"] .pct-hm-menu {
top: calc(100% + 6px); bottom: auto;
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
[data-style="header_minimal"].pct-open .pct-hm-menu { display: block; }
[data-style="header_minimal"] .pct-hm-menu li { margin: 0; padding: 0; }
[data-style="header_minimal"] .pct-hm-menu li a {
display: flex; align-items: center; gap: 10px;
padding: 10px 16px; color: rgba(255,255,255,0.8); text-decoration: none;
transition: all 0.15s; font-size: 13px; white-space: nowrap;
}
[data-style="header_minimal"] .pct-hm-menu li a:hover {
background: rgba(255,255,255,0.08); color: #fff;
}
[data-style="header_minimal"] .pct-hm-menu li.pct-active a {
background: rgba(255,255,255,0.1); color: #fff; font-weight: 600;
}
[data-style="header_minimal"] .pct-hm-menu li.pct-active a::after {
content: '✓'; margin-left: auto; font-size: 12px; opacity: 0.6;
} @media (max-width: 480px) {
.pct-floating:not([data-style="side_panel"]) {
bottom: 10px !important; right: 10px !important;
left: auto !important; top: auto !important;
transform: none !important;
}
[data-style="horizontal_bar"] .pct-bar-item { padding: 8px 12px; font-size: 12px; }
[data-style="flags_circle"] .pct-circle { width: 36px; height: 36px; }
}@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"); .spym-wrapper,
.spym-catalog-wrapper {
--spym-accent: #00e5a0;
--spym-bg: #0a0a0f;
--spym-panel-bg: #0d0d14;
--spym-card-bg: rgba(255, 255, 255, 0.04);
--spym-card-border: rgba(255, 255, 255, 0.08);
--spym-text: #e8e8ec;
--spym-text-dim: #6b6b80;
--spym-radius: 16px;
--spym-glow: 0 0 20px rgba(0, 229, 160, 0.15);
font-family: 'IBM Plex Sans', -apple-system, sans-serif;
box-sizing: border-box;
}
.spym-wrapper *, .spym-catalog-wrapper * {
box-sizing: border-box;
} .spym-map {
width: 100%;
height: 100%;
} .spym-search-wrap {
position: relative;
}
.spym-search-icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
color: var(--spym-text-dim);
pointer-events: none;
}
.spym-search {
width: 100%;
padding: 10px 14px 10px 38px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px;
color: var(--spym-text);
font-size: 13px;
font-family: inherit;
outline: none;
transition: all 0.2s ease;
box-sizing: border-box;
}
.spym-search:focus {
border-color: var(--spym-accent);
background: rgba(255, 255, 255, 0.06);
box-shadow: 0 0 0 3px rgba(0, 229, 160, 0.1);
}
.spym-search::placeholder {
color: var(--spym-text-dim);
} .spym-style-switcher {
position: absolute;
top: 16px;
right: 16px;
z-index: 50;
display: flex;
gap: 4px;
background: rgba(13, 13, 20, 0.8);
backdrop-filter: blur(10px);
padding: 4px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.08);
}
.spym-style-btn {
width: 36px;
height: 36px;
border-radius: 8px;
border: none;
background: transparent;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
opacity: 0.5;
}
.spym-style-btn:hover {
opacity: 0.8;
background: rgba(255,255,255,0.06);
}
.spym-style-btn.active {
opacity: 1;
background: rgba(255,255,255,0.1);
} .spym-fit-btn {
position: absolute;
top: 16px;
right: 160px;
z-index: 50;
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(13, 13, 20, 0.8);
backdrop-filter: blur(10px);
color: var(--spym-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.spym-fit-btn:hover {
background: rgba(13, 13, 20, 0.95);
border-color: var(--spym-accent);
color: var(--spym-accent);
} .spym-loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
gap: 12px;
color: var(--spym-text-dim);
font-size: 13px;
}
.spym-loading-pulse {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,0.06);
border-top-color: var(--spym-accent);
animation: spym-spin 0.8s linear infinite;
}
@keyframes spym-spin {
to { transform: rotate(360deg); }
} .spym-marker {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
filter: drop-shadow(0 3px 8px rgba(0,0,0,0.4));
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.spym-marker:hover {
transform: scale(1.15);
}
.spym-marker-dot {
width: 40px;
height: 40px;
border-radius: 50% 50% 50% 0;
background: var(--spym-accent);
transform: rotate(-45deg);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 15px rgba(0, 229, 160, 0.4);
}
.spym-marker-dot svg {
width: 18px;
height: 18px;
transform: rotate(45deg);
color: #000;
}
.spym-marker-pulse {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--spym-accent);
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
animation: spym-pulse 2s ease-out infinite;
pointer-events: none;
}
@keyframes spym-pulse {
0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.5); }
100% { opacity: 0; transform: translate(-50%, -50%) scale(2); }
}
.spym-marker-enter {
animation: spym-marker-drop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes spym-marker-drop {
from { opacity: 0; transform: translateY(-30px) scale(0.5); }
to { opacity: 1; transform: translateY(0) scale(1); }
} .spym-empty {
text-align: center;
padding: 40px 20px;
color: var(--spym-text-dim);
font-size: 13px;
}
.spym-empty svg {
width: 48px;
height: 48px;
margin-bottom: 12px;
opacity: 0.3;
} .spym-branch-badge {
display: inline-block;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 2px 8px;
border-radius: 6px;
background: var(--spym-accent);
color: #000;
} .spym-wrapper {
display: flex;
position: relative;
border-radius: var(--spym-radius);
overflow: hidden;
background: var(--spym-bg);
box-shadow: 0 8px 60px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.06);
} .spym-panel {
width: 380px;
min-width: 380px;
background: var(--spym-panel-bg);
display: flex;
flex-direction: column;
z-index: 10;
border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.spym-panel-header {
padding: 24px 20px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.spym-panel-title {
margin: 0 0 16px;
font-size: 18px;
font-weight: 600;
color: var(--spym-text);
letter-spacing: -0.02em;
}
.spym-panel-title::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: var(--spym-accent);
border-radius: 50%;
margin-right: 10px;
box-shadow: 0 0 8px var(--spym-accent);
vertical-align: middle;
} .spym-branch-list {
flex: 1;
overflow-y: auto;
padding: 12px;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.1) transparent;
}
.spym-branch-list::-webkit-scrollbar {
width: 4px;
}
.spym-branch-list::-webkit-scrollbar-track {
background: transparent;
}
.spym-branch-list::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.1);
border-radius: 4px;
} .spym-branch-item {
padding: 16px;
border-radius: 12px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
margin-bottom: 8px;
border: 1px solid transparent;
position: relative;
overflow: hidden;
}
.spym-branch-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: var(--spym-accent);
opacity: 0;
transition: opacity 0.25s ease;
border-radius: 0 4px 4px 0;
}
.spym-branch-item:hover {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.08);
}
.spym-branch-item:hover::before {
opacity: 0.5;
}
.spym-branch-item.active {
background: rgba(0, 229, 160, 0.06);
border-color: rgba(0, 229, 160, 0.2);
}
.spym-branch-item.active::before {
opacity: 1;
}
.spym-branch-name {
font-size: 14px;
font-weight: 600;
color: var(--spym-text);
margin: 0 0 6px;
display: flex;
align-items: center;
gap: 8px;
}
.spym-branch-addr {
font-size: 12px;
color: var(--spym-text-dim);
margin: 0 0 8px;
display: flex;
align-items: flex-start;
gap: 6px;
line-height: 1.4;
}
.spym-branch-addr svg {
flex-shrink: 0;
margin-top: 1px;
}
.spym-branch-meta {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.spym-branch-meta-item {
display: flex;
align-items: center;
gap: 5px;
font-size: 11px;
color: var(--spym-text-dim);
font-family: 'JetBrains Mono', monospace;
}
.spym-branch-meta-item svg {
width: 12px;
height: 12px;
color: var(--spym-accent);
flex-shrink: 0;
} .spym-map-container {
flex: 1;
position: relative;
min-height: 500px;
min-width: 0;
} .spym-info-card {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
max-width: 480px;
z-index: 100;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(13, 13, 20, 0.85);
backdrop-filter: blur(20px) saturate(1.5);
-webkit-backdrop-filter: blur(20px) saturate(1.5);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 24px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), var(--spym-glow);
}
.spym-info-card.visible {
opacity: 1;
transform: translateY(0);
pointer-events: all;
} .spym-wrapper[data-card-style="solid"] .spym-info-card { background: #12121c; backdrop-filter: none; }
.spym-wrapper[data-card-style="outline"] .spym-info-card { background: rgba(10,10,15,0.95); border: 2px solid var(--spym-accent); box-shadow: 0 0 30px rgba(0,229,160,0.15); }
.spym-wrapper[data-card-style="neon"] .spym-info-card { background: rgba(10,10,15,0.9); border: 1px solid var(--spym-accent); box-shadow: 0 0 30px rgba(0,229,160,0.2), inset 0 0 30px rgba(0,229,160,0.03); }
.spym-wrapper[data-card-style="minimal"] .spym-info-card { background: #fff; border: none; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); }
.spym-wrapper[data-card-style="minimal"] .spym-info-card .spym-info-name,
.spym-wrapper[data-card-style="minimal"] .spym-info-card .spym-info-row { color: #1a1a2e; }
.spym-wrapper[data-card-style="minimal"] .spym-info-card .spym-info-desc { color: #555; } .spym-info-close {
position: absolute;
top: 12px;
right: 12px;
width: 28px;
height: 28px;
border-radius: 8px;
border: none;
background: rgba(255, 255, 255, 0.06);
color: var(--spym-text-dim);
font-size: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
line-height: 1;
}
.spym-info-close:hover {
background: rgba(255, 255, 255, 0.12);
color: var(--spym-text);
}
.spym-info-top {
display: flex;
gap: 16px;
align-items: flex-start;
}
.spym-info-image {
width: 80px;
height: 80px;
border-radius: 12px;
object-fit: cover;
border: 1px solid rgba(255,255,255,0.1);
flex-shrink: 0;
}
.spym-info-body {
flex: 1;
min-width: 0;
}
.spym-info-name {
font-size: 17px;
font-weight: 700;
color: var(--spym-text);
margin: 0 0 4px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.spym-info-desc {
font-size: 12px;
color: var(--spym-text-dim);
margin: 0 0 12px;
line-height: 1.5;
}
.spym-info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.spym-info-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--spym-text);
padding: 6px 0;
min-width: 0;
}
.spym-info-row svg {
width: 14px;
height: 14px;
color: var(--spym-accent);
flex-shrink: 0;
}
.spym-info-row a {
color: var(--spym-accent);
text-decoration: none;
transition: opacity 0.2s;
}
.spym-info-row a:hover {
opacity: 0.8;
}
.spym-info-actions {
display: flex;
gap: 8px;
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.spym-info-btn {
flex: 1;
padding: 9px 16px;
border-radius: 10px;
border: none;
font-size: 12px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: all 0.2s;
text-decoration: none;
}
.spym-info-btn-primary {
background: var(--spym-accent);
color: #000;
}
.spym-info-btn-primary:hover {
filter: brightness(1.1);
box-shadow: 0 4px 15px rgba(0, 229, 160, 0.3);
}
.spym-info-btn-secondary {
background: rgba(255, 255, 255, 0.06);
color: var(--spym-text);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.spym-info-btn-secondary:hover {
background: rgba(255, 255, 255, 0.1);
} .spym-catalog-wrapper {
max-width: 100%;
}
.spym-catalog-map-wrap {
position: relative;
border-radius: var(--spym-radius);
overflow: hidden;
box-shadow: 0 4px 30px rgba(0,0,0,0.12);
border: 1px solid rgba(0,0,0,0.06);
margin-bottom: 28px;
}
.spym-catalog-search {
max-width: 480px;
margin: 0 auto 28px;
}
.spym-catalog-search .spym-search {
background: #fff;
border: 1px solid #dfe1e5;
color: #1a1a2e;
padding: 12px 16px 12px 42px;
border-radius: 12px;
font-size: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.spym-catalog-search .spym-search:focus {
border-color: var(--spym-accent);
box-shadow: 0 0 0 3px rgba(0,229,160,0.12);
background: #fff;
}
.spym-catalog-search .spym-search::placeholder {
color: #9aa0a6;
}
.spym-catalog-search .spym-search-icon {
color: #9aa0a6;
left: 14px;
} .spym-city-group {
margin-bottom: 32px;
}
.spym-city-title {
font-size: 16px;
font-weight: 600;
color: #1a1a2e;
margin: 0 0 16px;
padding-bottom: 10px;
border-bottom: 2px solid var(--spym-accent);
display: inline-block;
}
.spym-city-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
} .spym-catalog-card {
background: #f8f9fb;
border: 1px solid #eceef1;
border-radius: 14px;
padding: 24px;
transition: all 0.25s ease;
cursor: pointer;
position: relative;
}
.spym-catalog-card:hover {
border-color: #d8dce2;
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.spym-catalog-card.active {
border-color: var(--spym-accent, #00e5a0);
box-shadow: 0 0 0 2px var(--spym-accent, #00e5a0), 0 4px 20px rgba(0,229,160,0.12);
} .spym-catalog-card-inner {
display: flex;
align-items: flex-start;
gap: 18px;
}
.spym-catalog-card-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid rgba(0,0,0,0.05);
}
.spym-catalog-card-avatar-ph {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #1a1a2e, #2d2d5e);
color: #fff;
font-size: 24px;
font-weight: 700;
border: none;
}
.spym-catalog-card-info {
flex: 1;
min-width: 0;
}
.spym-catalog-card-title {
font-size: 16px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 6px;
}
.spym-catalog-card-addr {
font-size: 13px;
color: #6b7280;
margin: 0 0 14px;
line-height: 1.5;
} .spym-catalog-card-icons {
display: flex;
gap: 10px;
}
.spym-cicon {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
text-decoration: none;
}
.spym-cicon svg {
width: 18px;
height: 18px;
}
.spym-cicon-phone {
background: #25D366;
}
.spym-cicon-phone:hover {
background: #1fba59;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}
.spym-cicon-tg {
background: #2AABEE;
}
.spym-cicon-tg:hover {
background: #229ed9;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(42, 171, 238, 0.4);
}
.spym-cicon-tg svg {
width: 20px;
height: 20px;
}
.spym-cicon-web {
background: #4A90D9;
}
.spym-cicon-web:hover {
background: #3a7fc8;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(74, 144, 217, 0.4);
} .spym-map-popup {
position: absolute;
bottom: 24px;
left: 24px;
z-index: 100;
max-width: 420px;
width: calc(100% - 48px);
background: #f8f9fb;
border-radius: 16px;
box-shadow: 0 12px 40px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.04);
opacity: 0;
transform: translateY(16px);
pointer-events: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
padding: 24px;
}
.spym-map-popup.visible {
opacity: 1;
transform: translateY(0);
pointer-events: all;
}
.spym-popup-close {
position: absolute;
top: 10px;
right: 10px;
width: 26px;
height: 26px;
border-radius: 50%;
border: none;
background: rgba(0,0,0,0.06);
color: #999;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
line-height: 1;
z-index: 2;
}
.spym-popup-close:hover {
background: rgba(0,0,0,0.12);
color: #333;
}
.spym-popup-inner {
display: flex;
align-items: flex-start;
gap: 18px;
}
.spym-popup-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid rgba(0,0,0,0.05);
}
.spym-popup-avatar-placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #1a1a2e, #2d2d5e);
color: #fff;
font-size: 24px;
font-weight: 700;
border: none;
}
.spym-popup-body {
flex: 1;
min-width: 0;
}
.spym-popup-title {
font-size: 16px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 6px;
padding-right: 24px;
}
.spym-popup-addr {
font-size: 13px;
color: #6b7280;
margin: 0 0 14px;
line-height: 1.5;
}
.spym-popup-icons {
display: flex;
gap: 10px;
} .spym-popup-icon {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
text-decoration: none;
}
.spym-popup-icon svg {
width: 18px;
height: 18px;
}
.spym-popup-icon-phone {
background: #25D366;
}
.spym-popup-icon-phone:hover {
background: #1fba59;
transform: scale(1.1);
}
.spym-popup-icon-tg {
background: #2AABEE;
}
.spym-popup-icon-tg:hover {
background: #229ed9;
transform: scale(1.1);
}
.spym-popup-icon-tg svg {
width: 20px;
height: 20px;
}
.spym-popup-icon-web {
background: #4A90D9;
}
.spym-popup-icon-web:hover {
background: #3a7fc8;
transform: scale(1.1);
} .spym-catalog-wrapper .spym-loading {
color: #9aa0a6;
padding: 60px 20px;
}
.spym-catalog-wrapper .spym-loading-pulse {
border: 2px solid #e8eaed;
border-top-color: var(--spym-accent);
} .spym-wrapper-fullmap {
display: block;
border-radius: var(--spym-radius);
overflow: hidden;
} @media (max-width: 1024px) {
.spym-panel {
width: 320px;
min-width: 320px;
}
}
@media (max-width: 900px) {
.spym-wrapper {
flex-direction: column-reverse;
}
.spym-panel {
width: 100%;
min-width: 100%;
max-height: 320px;
border-right: none;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.spym-map-container {
min-height: 350px;
}
.spym-info-card {
left: 12px;
right: 12px;
bottom: 12px;
}
.spym-info-grid {
grid-template-columns: 1fr;
}
.spym-fit-btn {
right: auto;
left: 16px;
top: 16px;
}
}
@media (max-width: 600px) {
.spym-wrapper {
border-radius: 12px;
}
.spym-panel {
max-height: 260px;
}
.spym-panel-header {
padding: 16px 14px 12px;
}
.spym-panel-title {
font-size: 15px;
margin-bottom: 12px;
}
.spym-branch-list {
padding: 8px;
}
.spym-branch-item {
padding: 12px;
}
.spym-map-container {
min-height: 280px;
}
.spym-info-card {
padding: 16px;
border-radius: 12px;
max-width: 100%;
}
.spym-info-top {
flex-direction: column;
}
.spym-info-image {
width: 100%;
height: 120px;
}
.spym-info-actions {
flex-direction: column;
}
.spym-style-switcher {
top: 10px;
right: 10px;
}
.spym-style-btn {
width: 30px;
height: 30px;
font-size: 14px;
}
.spym-fit-btn {
width: 30px;
height: 30px;
}
} @media (max-width: 1024px) {
.spym-city-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.spym-catalog-map-wrap {
border-radius: 12px;
margin-bottom: 20px;
}
.spym-city-cards {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.spym-catalog-card {
padding: 16px;
}
.spym-city-group {
margin-bottom: 24px;
}
.spym-catalog-search {
margin-bottom: 20px;
padding: 0 4px;
}
}
@media (max-width: 540px) {
.spym-city-cards {
grid-template-columns: 1fr;
}
.spym-catalog-map-wrap {
border-radius: 10px;
margin-bottom: 16px;
}
.spym-catalog-card {
padding: 16px;
}
.spym-catalog-card-avatar {
width: 56px;
height: 56px;
}
.spym-catalog-card-inner {
gap: 14px;
}
.spym-catalog-card-title {
font-size: 14px;
}
.spym-catalog-card-addr {
font-size: 12px;
margin-bottom: 10px;
}
.spym-catalog-card-img-wrap {
height: 120px;
}
.spym-catalog-search .spym-search {
font-size: 13px;
padding: 10px 14px 10px 38px;
}
.spym-style-switcher {
top: 10px;
right: 10px;
}
.spym-style-btn {
width: 30px;
height: 30px;
font-size: 14px;
}
.spym-fit-btn {
right: auto;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
}
.spym-map-popup {
left: 12px;
bottom: 12px;
width: calc(100% - 24px);
max-width: 100%;
padding: 18px;
}
.spym-popup-avatar {
width: 56px;
height: 56px;
}
.spym-popup-inner {
gap: 14px;
}
.spym-cicon,
.spym-popup-icon {
width: 32px;
height: 32px;
}
.spym-cicon svg,
.spym-popup-icon svg {
width: 15px;
height: 15px;
}
} @media print {
.spym-style-switcher,
.spym-fit-btn,
.spym-search-wrap {
display: none !important;
}
} .spym-simple-wrap {
--spym-accent: #00e5a0;
font-family: 'IBM Plex Sans', -apple-system, sans-serif;
box-sizing: border-box;
}
.spym-simple-map {
width: 100%;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.spym-simple-map .ymaps-2-1-79-map {
border-radius: 16px;
}.elementor-animation-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{transform:rotate(4deg)}.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)){font-size:0;line-height:1}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{color:#fff;opacity:.9}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-inline:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-inline:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-inline:0}}