.instagram-bio-page{background-color:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl) 0}.instagram-bio-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.instagram-bio-header{text-align:center;margin-bottom:var(--spacing-2xl)}.instagram-bio-header h1{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.instagram-bio-header h1 i{color:var(--primary-color)}.instagram-bio-header .summary-text{font-size:var(--font-base);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.hero-search-box{max-width:500px;margin:var(--spacing-xl) auto 0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-lg);color:var(--text-light);font-size:var(--font-lg);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) * 2 + var(--font-lg));padding-right:calc(var(--spacing-lg) * 2);font-size:var(--font-lg);border:2px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-md),0 0 0 3px rgb(30 69 110 / .1)}.search-input::placeholder{color:var(--text-light)}.clear-search-btn{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-light);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);transition:all var(--transition-base)}.clear-search-btn:hover{color:var(--danger-color);background:var(--bg-tertiary)}.search-hint{text-align:center;font-size:var(--font-sm);color:var(--text-light);margin-top:var(--spacing-sm)}.search-hint i{color:var(--primary-accent)}.no-results-message{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.no-results-message i{font-size:4rem;color:var(--text-light);margin-bottom:var(--spacing-lg);display:block}.no-results-message h2{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.no-results-message p{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.no-results-message #searchedId{font-weight:var(--font-bold);color:var(--primary-color)}.btn-show-all{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-show-all:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.instagram-product-card.hidden{display:none}.instagram-product-card.highlighted{animation:highlightPulse 0.5s ease;box-shadow:0 0 0 3px var(--primary-accent),var(--shadow-lg)}@keyframes highlightPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.instagram-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.instagram-product-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-slow);display:flex;flex-direction:column}.instagram-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-tertiary)}.product-image-container picture{width:100%;height:100%;display:block}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.instagram-product-card:hover .product-image-container img{transform:scale(1.05)}.product-item-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:rgb(0 0 0 / .7);color:var(--text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-semibold);backdrop-filter:blur(4px)}.product-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.product-content h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-content .product-description{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-xs);color:var(--text-light)}.product-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.product-meta i{color:var(--text-light)}.btn-get-product{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:var(--primary-accent)!important;border:none;border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-get-product:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.95}.btn-get-product:active{transform:translateY(0)}.btn-get-product i{font-size:var(--font-lg)}.instagram-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.instagram-empty-state i{font-size:4rem;color:var(--text-light);margin-bottom:var(--spacing-lg)}.instagram-empty-state h2{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.instagram-empty-state p{font-size:var(--font-base);color:var(--text-secondary)}@media (max-width:768px){.instagram-bio-page{padding:var(--spacing-lg) 0}.instagram-bio-container{padding:0 var(--spacing-md)}.instagram-bio-header h1{font-size:var(--font-3xl)}.instagram-bio-header .summary-text{font-size:var(--font-base)}.instagram-products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.product-content{padding:var(--spacing-md)}.product-content h3{font-size:var(--font-base)}}@media (max-width:480px){.instagram-products-grid{grid-template-columns:1fr}.product-image-container{aspect-ratio:4 / 3}}.products-count-info{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-sm);color:var(--text-light)}.load-more-container{text-align:center;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.btn-load-more{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-color);color:var(--primary-accent)!important;border:none;border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-load-more:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-load-more:active{transform:translateY(0)}.btn-load-more:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-base)}.loading-spinner i{font-size:var(--font-xl)}.how-it-works-section{margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) 0;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.how-it-works-section h2{text-align:center;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.how-it-works-section h2 i{color:var(--primary-accent)}.section-intro{text-align:center;font-size:var(--font-base);color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding:0 var(--spacing-xl)}.step-card{text-align:center;padding:var(--spacing-xl);padding-top:var(--spacing-3xl);position:relative}.step-number{position:absolute;top:var(--spacing-md);left:50%;transform:translateX(-50%);padding:var(--spacing-xs) var(--spacing-md);min-width:70px;height:auto;background:var(--primary-color);color:var(--primary-accent)!important;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-md);z-index:10;border:2px solid var(--bg-primary);white-space:nowrap}.step-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.step-icon i{font-size:2rem;color:var(--primary-color)}.step-card:hover .step-icon{transform:scale(1.1);box-shadow:var(--shadow-md)}.step-card h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.step-card p{font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.benefits-section{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.benefits-section h2{text-align:center;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.benefits-section h2 i{color:#fbbf24}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.benefit-item{text-align:center;padding:var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.benefit-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.benefit-item i{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.benefit-item h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.benefit-item p{font-size:var(--font-sm);color:var(--text-secondary)}.faq-section{margin-top:var(--spacing-3xl);padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.faq-section h2{text-align:center;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.faq-section h2 i{color:var(--primary-accent)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:var(--spacing-lg);background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;transition:all var(--transition-base)}.faq-question:hover{background:var(--bg-secondary)}.faq-question span{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--text-primary)}.faq-question i{color:var(--text-light);transition:transform var(--transition-base)}.faq-question[aria-expanded="true"] i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-answer.open{max-height:500px}.faq-answer p{padding:0 var(--spacing-lg) var(--spacing-lg);font-size:var(--font-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.cta-section{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-xl)}.cta-content{text-align:center;padding:var(--spacing-3xl);background:var(--primary-color);border-radius:var(--radius-xl);color:var(--primary-accent)}.cta-content>i{font-size:4rem;margin-bottom:var(--spacing-lg);color:var(--primary-accent)!important}.cta-content h2{font-size:var(--font-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md);color:var(--primary-accent)!important}.cta-content p{font-size:var(--font-base);max-width:500px;margin:0 auto var(--spacing-xl);opacity:.95;color:var(--primary-accent)!important}.btn-instagram-follow{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-accent);color:var(--primary-color)!important;border-radius:var(--radius-full);font-size:var(--font-base);font-weight:var(--font-bold);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.btn-instagram-follow:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px rgb(0 0 0 / .3)}@media (max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.how-it-works-section{padding:var(--spacing-2xl) var(--spacing-md)}.how-it-works-section h2,.benefits-section h2,.faq-section h2{font-size:var(--font-2xl)}.section-intro{font-size:var(--font-base);padding:0 var(--spacing-md)}.steps-grid{grid-template-columns:1fr;gap:var(--spacing-xl);padding:0 var(--spacing-md)}.step-card{padding:var(--spacing-lg)}.benefits-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.benefit-item{padding:var(--spacing-lg)}.faq-section{padding:var(--spacing-xl) var(--spacing-md)}.cta-content{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-content h2{font-size:var(--font-2xl)}.cta-content p{font-size:var(--font-base)}}@media (max-width:480px){.step-icon{width:60px;height:60px}.step-icon i{font-size:1.5rem}.benefit-item i{font-size:2rem}.cta-content>i{font-size:3rem}}