:root{--zenio-modal-bg: #ffffff;--zenio-modal-backdrop-bg: rgba(0, 0, 0, .55);--zenio-modal-border: #e5e5ea;--zenio-modal-radius: 16px;--zenio-modal-shadow: 0 24px 48px rgba(0, 0, 0, .16), 0 2px 8px rgba(0, 0, 0, .08);--zenio-modal-max-width: 1080px;--zenio-modal-transition: all .35s cubic-bezier(.16, 1, .3, 1);--zenio-text-primary: #111111;--zenio-text-secondary: #484848;--zenio-text-muted: #777777;--zenio-text-subtle: #888888;--zenio-input-bg: #ffffff;--zenio-input-border: #d1d1d6;--zenio-card-bg: #ffffff;--zenio-card-border: #e5e5ea;--zenio-card-hover-border: #0066cc;--zenio-focus-ring: #0066cc;--zenio-skeleton-bg-1: #f2f2f7;--zenio-skeleton-bg-2: #e5e5ea}.zenio-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;transition:var(--zenio-modal-transition);will-change:opacity,visibility}.zenio-modal--active{visibility:visible;opacity:1;pointer-events:auto}.zenio-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--zenio-modal-backdrop-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.zenio-modal__card{position:relative;width:100%;max-width:var(--zenio-modal-max-width);max-height:90vh;margin:20px;background:var(--zenio-modal-bg);border:1px solid var(--zenio-modal-border);border-radius:var(--zenio-modal-radius);box-shadow:var(--zenio-modal-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:2;transform:scale(.96) translateY(16px);transition:var(--zenio-modal-transition);will-change:transform}.zenio-modal--active .zenio-modal__card{transform:scale(1) translateY(0)}.zenio-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--zenio-modal-border)}.zenio-modal__subtitle{font-size:15px;font-weight:500;color:var(--zenio-text-secondary);margin:0;line-height:1.4;padding-right:24px}.zenio-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:var(--zenio-skeleton-bg-1);color:var(--zenio-text-primary);font-size:18px;cursor:pointer;flex-shrink:0;transition:var(--zenio-modal-transition)}.zenio-modal__close:hover{background:var(--zenio-skeleton-bg-2);color:var(--zenio-focus-ring)}.zenio-modal__body{padding:24px 28px 28px;overflow-y:auto;flex:1}.zenio-modal__filter-grid{display:grid;grid-template-columns:1.2fr 1.2fr 2fr;gap:16px;margin-bottom:16px}.zenio-modal__field-group{display:flex;flex-direction:column}.zenio-modal__field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--zenio-text-subtle);margin-bottom:6px}.zenio-modal__select{width:100%;height:42px;padding:0 36px 0 14px;border:1px solid var(--zenio-input-border);border-radius:8px;font-size:14px;color:var(--zenio-text-primary);background:var(--zenio-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.zenio-modal__search-wrap{position:relative;width:100%}.zenio-modal__search-input{width:100%;height:42px;padding:0 40px 0 14px;border:1px solid var(--zenio-input-border);border-radius:8px;font-size:14px;color:var(--zenio-text-primary);background:var(--zenio-input-bg);transition:border-color .2s ease,box-shadow .2s ease}.zenio-modal__search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--zenio-text-subtle);font-size:16px;pointer-events:none}.zenio-modal__meta-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--zenio-modal-border);font-size:14px;color:var(--zenio-text-secondary)}.zenio-modal__contact-link{color:#b25900;text-decoration:underline;font-weight:600;transition:color .2s ease}.zenio-modal__reset-btn{color:var(--zenio-text-muted);text-decoration:underline;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .2s ease}.zenio-modal__watches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zenio-modal__watch-card{border:1px solid var(--zenio-card-border);border-radius:12px;padding:24px 16px 20px;text-align:center;background:var(--zenio-card-bg);text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;will-change:transform}.zenio-modal__watch-card:hover{border-color:var(--zenio-card-hover-border);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #0000001f}.zenio-modal__card-img{max-width:100%;height:140px;object-fit:contain;margin-bottom:16px;opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.zenio-modal__card-img--loaded{opacity:1}.zenio-modal__card-title{font-size:16px;font-weight:700;color:var(--zenio-text-primary);margin:0 0 6px;line-height:1.3}.zenio-modal__card-ref{font-size:13px;color:var(--zenio-text-muted);margin:0}.zenio-modal__card-body{display:flex;flex-direction:column;gap:4px;padding:0}.zenio-modal__card-specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.zenio-modal__card-spec{display:inline-block;padding:2px 8px;background:#f0f4ff;color:#1a40a0;border:1px solid #c3d2f7;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.zenio-modal__card-spec--buckle{background:#fff3e0;color:#bf5700;border-color:#f5c58b}.zenio-modal__card-desc{font-size:11px;color:#6e6e73;line-height:1.5;margin:4px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zenio-modal__card-materials{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.zenio-modal__card-material{display:inline-block;padding:2px 8px;background:#f0fdf4;color:#166534;border:1px solid #86efac;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.zenio-modal__skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.zenio-modal__skeleton-card{border:1px solid var(--zenio-card-border);border-radius:12px;padding:24px 16px 20px;background:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000005;pointer-events:none;height:260px;box-sizing:border-box}.zenio-modal__skeleton-img{width:100%;height:130px;border-radius:8px;margin-bottom:14px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:zenio-skeleton-shimmer 1.5s infinite linear}.zenio-modal__skeleton-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.zenio-modal__skeleton-line{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:zenio-skeleton-shimmer 1.5s infinite linear}.zenio-modal__skeleton-line--title{width:80%;height:15px}.zenio-modal__skeleton-line--ref{width:45%;height:12px}.zenio-modal__skeleton-pills{display:flex;gap:6px;margin-top:4px}.zenio-modal__skeleton-pill{width:54px;height:18px;border-radius:999px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:zenio-skeleton-shimmer 1.5s infinite linear}@keyframes zenio-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:992px){.zenio-modal__filter-grid{grid-template-columns:1fr 1fr}.zenio-modal__field-group--search{grid-column:1 / -1}.zenio-modal__skeleton-grid,.zenio-modal__watches-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.zenio-modal__card{margin:12px;border-radius:16px}.zenio-modal__header{padding:16px 20px}.zenio-modal__body{padding:16px}.zenio-modal__skeleton-grid,.zenio-modal__watches-grid{grid-template-columns:repeat(2,1fr);gap:12px}.zenio-modal__watch-card{padding:16px 12px 14px}.zenio-modal__card-img{height:110px;margin-bottom:10px}.zenio-modal__card-title{font-size:14px}.zenio-modal__card-ref{font-size:12px}}@media(max-width:480px){.zenio-modal__card{margin:8px;max-height:94vh}.zenio-modal__header{padding:14px 16px}.zenio-modal__body{padding:12px}.zenio-modal__filter-grid{grid-template-columns:1fr;gap:10px}.zenio-modal__skeleton-grid,.zenio-modal__watches-grid{grid-template-columns:repeat(2,1fr);gap:10px}.zenio-modal__watch-card{padding:12px 8px 10px}.zenio-modal__card-img{height:95px;margin-bottom:8px}.zenio-modal__card-title{font-size:13px;line-height:1.25}.zenio-modal__card-ref{font-size:11px}.zenio-modal__card-spec,.zenio-modal__card-material{font-size:9px;padding:1px 6px}.zenio-modal__card-desc{font-size:10px;-webkit-line-clamp:2}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/strap-finder-modal.css.map */