.portfolio-header{position:sticky;top:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);z-index:100}.portfolio-header-content{max-width:800px;margin:0 auto}.portfolio-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-subtitle{color:#999;font-size:.95rem}.portfolio-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.portfolio-timeline{position:relative;padding:0}.portfolio-timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);top:0}.portfolio-item{margin-bottom:4rem;opacity:0;animation:portfolioFadeInUp .6s ease forwards}@keyframes portfolioFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.portfolio-item:nth-child(1){animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-content{margin-left:50%;padding:0 2rem}.portfolio-item:nth-child(2n) .portfolio-content{margin-left:0;margin-right:50%;padding:0 2rem;text-align:right}.portfolio-dot{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;border:3px solid #0a0a0a;border-radius:50%;top:2rem;z-index:10}.portfolio-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.portfolio-card:hover{border-color:#fff6;background:#222;transform:translateY(-4px);box-shadow:0 20px 40px #00000080}.portfolio-image{width:100%;height:200px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem;overflow:hidden;position:relative}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-image.placeholder{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#666}.portfolio-item-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.portfolio-description{color:#b0b0b0;font-size:.95rem;margin-bottom:1rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.portfolio-tag{background:#ffffff0d;color:#888;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;border:1px solid rgba(255,255,255,.1)}.portfolio-price{font-size:1.25rem;font-weight:600;color:#fff;margin:1rem 0}.portfolio-view-details{display:block;font-size:.9rem;font-weight:600;color:#999;text-decoration:none;margin-bottom:1.5rem;transition:color .3s ease}.portfolio-view-details:hover{color:#fff}.portfolio-btn-container{display:flex;gap:.75rem;margin-top:1.5rem;align-items:center}.portfolio-quantity{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d}.portfolio-quantity button{background:none;border:none;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:1rem;transition:background .2s}.portfolio-quantity button:hover{background:#ffffff1a}.portfolio-quantity input{width:40px;text-align:center;background:none;border:none;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 0}.portfolio-quantity input::-webkit-outer-spin-button,.portfolio-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.portfolio-add-cart{flex:1;background:#fff;color:#000;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.portfolio-add-cart:hover{background:#f0f0f0;transform:translateY(-2px)}.portfolio-add-cart.success{background:#4caf50;color:#fff}@media(max-width:1024px){.portfolio-timeline:before{left:20px}.portfolio-content,.portfolio-item:nth-child(2n) .portfolio-content{margin-left:60px;margin-right:0;padding:0 1.5rem;text-align:left}.portfolio-dot{left:20px}.portfolio-title{font-size:1.5rem}.portfolio-image{height:150px}}@media(max-width:480px){.portfolio-container{padding:1rem .5rem}.portfolio-header{padding:1.5rem 1rem}.portfolio-title{font-size:1.3rem}.portfolio-card{padding:1rem}.portfolio-image{height:120px;margin-bottom:.8rem}.portfolio-item-title{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */