.api-products-collection{margin:0 auto}.api-products-loading,.api-products-error{text-align:center;padding:4rem 2rem}.api-products-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px}.api-products-error{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05);border-radius:.5rem;padding:2rem}.api-products-error p{margin:0;font-size:1.1rem}.api-products-grid{margin-top:2rem}.api-products-grid .product-grid{padding:0;margin:0}.api-product-card{background:rgb(var(--color-background));border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(var(--color-foreground),.1);height:100%;display:flex;flex-direction:column}.api-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.api-product-card__image{position:relative;width:100%;padding-top:100%;overflow:hidden;cursor:pointer;background-color:rgba(var(--color-foreground),.02)}.api-product-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.api-product-card__image:hover img{transform:scale(1.08)}.product-category-badge{position:absolute;top:12px;right:12px;background:#000000bf;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;z-index:1}.api-product-card__content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.api-product-card__title{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:rgb(var(--color-foreground));line-height:1.3}.api-product-card .price{font-size:1.15rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.price-option{color:#c89e5c}.price-separator{color:rgba(var(--color-foreground),.3);font-weight:400}.product-info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(var(--color-foreground),.08);font-size:.9rem}.info-label{font-weight:600;color:rgba(var(--color-foreground),.7)}.info-value{color:rgb(var(--color-foreground));text-align:right}.view-details-btn{margin-top:auto;padding:.75rem 1.5rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;margin-top:1rem}.view-details-btn:hover{background:rgb(var(--color-button-text));color:rgb(var(--color-button));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-modal{background:rgb(var(--color-background));border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.modal-close:hover{background:#000c;transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2.5rem}.modal-left{display:flex;flex-direction:column;gap:1.5rem}.modal-gallery__main{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(var(--color-foreground),.02)}.modal-gallery__main img{width:100%;height:100%;object-fit:cover}.modal-gallery__thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.modal-gallery__thumbnails img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.modal-gallery__thumbnails img:hover,.modal-gallery__thumbnails img.active{border-color:rgb(var(--color-button));opacity:1}.modal-gallery__thumbnails img:not(.active){opacity:.6}.modal-video{margin-top:1rem}.modal-video video{width:100%;border-radius:8px;max-height:400px}.modal-right{display:flex;flex-direction:column;gap:1.5rem}.modal-header h2{font-size:2rem;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.modal-category{display:inline-block;background:rgba(var(--color-foreground),.1);padding:6px 14px;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgb(var(--color-foreground))}.modal-prices{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:rgba(var(--color-foreground),.03);border-radius:8px;border-left:4px solid #c89e5c}.modal-price-option{font-size:1.25rem;color:rgb(var(--color-foreground))}.modal-price-option strong{color:#c89e5c;margin-right:.5rem}.modal-details{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:rgba(var(--color-foreground),.02);border-radius:8px}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(var(--color-foreground),.08)}.detail-row:last-child{border-bottom:none}.detail-row strong{font-weight:600;color:rgba(var(--color-foreground),.7)}.detail-row span{color:rgb(var(--color-foreground));text-align:right}.modal-description{padding:1.25rem;background:rgba(var(--color-foreground),.02);border-radius:8px}.modal-description h3{font-size:1.1rem;margin:0 0 1rem;color:rgb(var(--color-foreground))}.modal-description p{line-height:1.7;color:rgba(var(--color-foreground),.85);margin:0}@media screen and (max-width: 990px){.modal-content{grid-template-columns:1fr;gap:2rem;padding:2rem}.modal-header h2{font-size:1.5rem}}@media screen and (max-width: 749px){.product-modal{max-height:95vh}.modal-content{padding:1.5rem;gap:1.5rem}.modal-close{width:36px;height:36px;font-size:20px;top:15px;right:15px}.api-product-card__title,.api-product-card .price{font-size:1rem}.product-info-item{font-size:.85rem}.view-details-btn{padding:.65rem 1.25rem;font-size:.9rem}.modal-gallery__thumbnails{grid-template-columns:repeat(3,1fr)}.modal-prices,.modal-details,.modal-description{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/api-products.css.map */