.field-test-modal{--modal-overlay-bg: rgba(0, 0, 0, .6);--modal-container-bg: #fff;--modal-container-radius: 12px;--modal-container-max-width: 1200px;--modal-container-padding: 2rem;--modal-close-size: 2.5rem;--filter-btn-bg: #f4f4f4;--filter-btn-bg-active: #333;--filter-btn-color: #333;--filter-btn-color-active: #fff;--filter-btn-radius: 2rem;--card-border: 1px solid #e5e5e5;--card-radius: 8px;--card-padding: 1.25rem;--card-gap: 1rem;--activity-tag-bg: #f0f0f0;--activity-tag-radius: 4px}.field-test-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center}.field-test-modal.is-open{display:flex}.field-test-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);cursor:pointer}.field-test-modal__container{position:relative;z-index:1;width:90%;max-width:var(--modal-container-max-width);max-height:85vh;background:var(--modal-container-bg);border-radius:var(--modal-container-radius);padding:var(--modal-container-padding);overflow-y:auto;animation:modalSlideIn .25s ease-out;scrollbar-width:none}.field-test-modal__container::-webkit-scrollbar{display:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.field-test-modal__close{position:absolute;top:1rem;right:1rem;width:var(--modal-close-size);height:var(--modal-close-size);border:none;background:none;font-size:1.75rem;line-height:1;cursor:pointer;color:#666;transition:color .2s}.field-test-modal__close:hover{color:#000}.field-test-modal__close:focus{outline:2px solid #333;outline-offset:2px}.field-test-modal__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.field-test-modal__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.field-test-modal__filter-btn{padding:.5rem 1rem;border:none;background:var(--filter-btn-bg);color:var(--filter-btn-color);border-radius:var(--filter-btn-radius);font-size:.875rem;cursor:pointer;transition:background .2s,color .2s}.field-test-modal__filter-btn:hover{background:#e0e0e0}.field-test-modal__filter-btn.is-active{background:var(--filter-btn-bg-active);color:var(--filter-btn-color-active)}.field-test-modal__filter-btn:focus{outline:2px solid #333;outline-offset:2px}.field-test-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--card-gap)}.field-test-modal-card{display:flex;flex-direction:column;gap:.75rem;padding:var(--card-padding);border:var(--card-border);border-radius:var(--card-radius);background:#fff}.field-test-modal-card.is-hidden{display:none}.field-test-modal-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.field-test-modal-card__author{font-weight:600;font-size:1rem}.field-test-modal-card__activity{background:var(--activity-tag-bg);padding:.25rem .5rem;border-radius:var(--activity-tag-radius);font-size:.75rem;text-transform:uppercase}.field-test-modal-card__products{display:flex;gap:.5rem;flex-wrap:wrap}.field-test-modal-card__product-link{display:block;overflow:hidden;transition:transform .2s}.field-test-modal-card__product-link:hover{transform:scale(1.05)}.field-test-modal-card__products img{display:block;width:auto;height:60px;object-fit:contain}.field-test-modal-card__location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.field-test-modal-card__conditions{font-size:.875rem;color:#888;font-style:italic}.field-test-modal-card__feedback{font-size:.95rem;line-height:1.5;color:#333}.field-test-view-all-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#333;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s}.field-test-view-all-btn:hover{background:#555}.field-test-view-all-btn:focus{outline:2px solid #333;outline-offset:2px}@media screen and (max-width:768px){.field-test-modal__container{width:95%;padding:1.5rem 1rem;max-height:90vh}.field-test-modal__title{font-size:1.25rem;padding-right:2rem}.field-test-modal__grid{grid-template-columns:1fr}.field-test-modal__filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.field-test-modal__filter-btn{flex-shrink:0}}.field-test-modal .field-test-modal__overlay,.field-test-modal__overlay:empty{display:block}
/*# sourceMappingURL=/cdn/shop/t/409/assets/field-test-modal.css.map */