:root{--primary: #ffd700;--primary-dark: #e6c200;--surface-1: #1a1a1a;--surface-2: #242424;--surface-3: #2a2a2a;--text-1: #ffffff;--text-2: #999999;--success: #4CAF50;--error: #f44336;--accent: #ffd700;--card-radius: 8px;--transition: 0.2s ease;--container-max-width: 1400px;--card-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);--dark-bg: #1a1a1a;--card-bg: #242424;--hover-bg: #2d2d2d;--border-color: #333;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-yellow: #ffd700;--container-width: 1200px;--grid-gap: 20px}body{background-color: var(--dark-bg);color: var(--text-primary);margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height: 1.5}.store-layout{max-width: var(--container-max-width);margin: 0 auto;padding: 2rem 1rem}.store-content-wrapper{display: grid;grid-template-columns: 280px 1fr;gap: 2rem;margin: 2rem auto;max-width: var(--container-max-width);padding: 0 1rem}.store-header{background: var(--surface-2);padding: 2.5rem 2rem;margin-top: 5rem !important;margin-bottom: 2rem;border-radius: var(--card-radius);box-shadow: var(--card-shadow);border: 1px solid var(--border-color)}.store-header-content{max-width: var(--container-max-width);margin: 0 auto;display: flex;align-items: center;gap: 2rem;padding: 0}.store-logo-wrapper{width: 200px !important;height: 200px !important;display: flex;align-items: center;justify-content: center;background: var(--background-dark);border-radius: var(--card-radius);padding: 1.5rem;position: relative;border: 2px solid var(--border-color);transition: border-color var(--transition)}.store-logo-wrapper:hover{border-color: var(--primary-color)}.store-logo-wrapper::after{content: '';position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius: var(--card-radius);background: linear-gradient(45deg, var(--primary-color) 0%, transparent 60%);opacity: 0.1;pointer-events: none}.store-logo-wrapper picture{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}.store-logo-wrapper img.store-logo{width: 100% !important;height: 100% !important;object-fit: contain;transition: transform var(--transition);padding: 1rem;background: var(--background-dark);border-radius: calc(var(--card-radius) - 4px)}.store-info{display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 1rem !important;text-align: left !important;width: 100% !important}.store-info h1{color: var(--text-primary);font-size: 2.5rem;margin: 0;line-height: 1.2;font-weight: 600}.store-stats{display: flex;gap: 1.5rem;align-items: center;margin-top: 0.5rem}.stat-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 1rem;background: var(--background-dark);border-radius: var(--card-radius);border: 1px solid var(--border-color)}.stat-item i{color: var(--primary-color);font-size: 1.1rem}.stat-item span{color: var(--text-primary);font-size: 0.95rem;font-weight: 500;white-space: nowrap}.stat-item a{color: var(--text-primary)}.stat-item a:hover{color: var(--primary-color)}.store-nav-section{position: sticky;top: 20px;height: fit-content}.store-nav-grid{background: var(--surface-2);border-radius: var(--card-radius);overflow: hidden;box-shadow: var(--card-shadow)}.store-nav-item{display: flex;align-items: center;gap: 1rem;padding: 1rem;color: var(--text-1);text-decoration: none;transition: background-color var(--transition);border-bottom: 1px solid var(--surface-3)}.store-nav-item:hover,.store-nav-item.active{background: var(--surface-3)}.store-nav-icon{flex: 0 0 32px;width: 32px;height: 32px;background: var(--dark-bg);color: var(--accent-yellow);border-radius: var(--card-radius);display: flex;align-items: center;justify-content: center;font-size: 16px;border: 1px solid var(--accent-yellow)}.store-nav-content{flex: 1;min-width: 0}.store-nav-title-main{display: block;color: var(--text-primary);font-size: 14px;font-weight: 600;margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.store-nav-title-sub{display: block;color: var(--accent-yellow);font-size: 12px;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.store-nav-desc{color: var(--text-secondary);font-size: 12px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}.store-main-content{flex: 1;min-width: 0}.mobile-nav-toggle{display: none;width: 100%;padding: 15px;background: var(--card-bg);border: none;border-radius: var(--card-radius);color: var(--text-primary);font-size: 16px;font-weight: 600;cursor: pointer;margin-bottom: 20px;align-items: center;justify-content: space-between}.mobile-nav-toggle i{color: var(--accent-yellow);transition: transform 0.3s ease}.mobile-nav-toggle.active i{transform: rotate(180deg)}.coupons-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;margin: 1.5rem 0}@media (max-width: 1400px){.coupons-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 1024px){.coupons-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 640px){.coupons-grid{grid-template-columns: 1fr}}.coupon-card{background: var(--surface-2);border-radius: var(--card-radius);padding: 1.5rem;display: flex;flex-direction: column;gap: 1rem;transition: transform var(--transition), box-shadow var(--transition);box-shadow: var(--card-shadow);height: 100%;position: relative}.coupon-card:hover{transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3)}.coupon-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 0.75rem}.discount-tag{position: absolute;top: 1rem;right: 1rem;color: var(--primary-color);padding: 0.5rem 1rem;border-radius: var(--card-radius);font-weight: 700;font-size: 1.1rem;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);transform: rotate(2deg);z-index: 1}.discount-tag::after{content: '';position: absolute;bottom: -5px;left: 0;right: 0;height: 5px;background: var(--primary-dark);border-bottom-left-radius: var(--card-radius);border-bottom-right-radius: var(--card-radius);opacity: 0.6}.verified-tag{display: flex;align-items: center;gap: 0.35rem;color: var(--success);font-size: 0.8rem;padding: 0.35rem 0.75rem;background: var(--background-dark);border-radius: var(--card-radius);font-weight: 600}.verified-tag i{font-size: 0.8rem}.coupon-content{flex: 1;display: flex;flex-direction: column;gap: 1rem}.coupon-content h3{font-size: 1rem;font-weight: 500;color: var(--text-1);line-height: 1.4;margin: 0}.description-wrapper{position: relative;margin-bottom: 1rem}.coupon-description{font-size: 0.9rem;line-height: 1.5;color: var(--text-secondary);margin: 0;max-height: 3em;overflow: hidden;transition: max-height 0.3s ease-out;word-wrap: break-word}.coupon-description.expanded{max-height: none;overflow: visible}.read-more-btn{background: none;border: none;color: var(--primary-color);padding: 0;font-size: 0.9rem;cursor: pointer;display: flex;align-items: center;gap: 0.25rem;margin-top: 0.5rem;transition: color 0.2s ease}.read-more-btn:hover{color: #0056b3;text-decoration: underline}.read-more-btn i{font-size: 0.8rem;transition: transform 0.3s ease}.read-more-btn[aria-expanded="true"] i{transform: rotate(180deg)}.coupon-footer{margin-top: auto;display: flex;flex-direction: column;gap: 1rem;align-items: center;padding-top: 1rem;border-top: 1px solid var(--surface-3)}.coupon-meta{display: flex;flex-direction: column;gap: 0.5rem;align-items: center;width: 100%}.coupon-stats{display: flex;align-items: center;justify-content: center;gap: 2rem;font-size: 0.9rem;color: var(--text-2);width: 100%}.coupon-stats span{display: flex;align-items: center;gap: 0.35rem}.coupon-stats i{color: var(--primary);font-size: 0.8rem;opacity: 0.9}.voting-buttons{display: flex;gap: 1rem;align-items: center;justify-content: center;margin: 0.5rem 0}.vote-btn{background: var(--surface-3);border: none;color: var(--text-2);padding: 0.5rem;border-radius: 4px;cursor: pointer;display: flex;align-items: center;gap: 0.25rem;font-size: 0.9rem;transition: all var(--transition)}.vote-btn:hover{background: var(--surface-1);color: var(--accent)}.vote-btn.voted{background: var(--accent);color: var(--surface-1)}.coupon-actions{display: flex;gap: 1rem;justify-content: center;width: 100%}.btn{padding: 0.75rem 1.5rem;border-radius: var(--card-radius);font-weight: 600;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;transition: all var(--transition);border: none;cursor: pointer;font-size: 0.95rem;min-width: 160px;text-align: center}.show-code-btn{background: var(--accent);color: var(--surface-1);position: relative;overflow: hidden;transform: perspective(1px) translateZ(0)}.show-code-btn::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--primary-dark);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.3s ease-out;z-index: -1}.show-code-btn:hover::before{transform: scaleX(1)}.get-deal-btn{background: var(--surface-3);color: var(--text-1);border: 2px solid var(--accent)}.get-deal-btn:hover{background: var(--accent);color: var(--surface-1)}.vote-message{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: var(--surface-1);color: var(--text-1);padding: 0.5rem 1rem;border-radius: 4px;font-size: 0.75rem;opacity: 0;visibility: hidden;transition: all var(--transition)}.vote-message.success{background: var(--success)}.vote-message.error{background: var(--error)}.vote-message.show{opacity: 1;visibility: visible;bottom: calc(100% + 10px)}.section-header{margin-bottom: 1.5rem;display: flex;flex-direction: column;gap: 0.5rem}.section-header h2{font-size: 1.8rem;color: var(--text-1);margin: 0;font-weight: 600;line-height: 1.2}.section-header p{color: var(--text-2);font-size: 0.95rem;margin: 0;line-height: 1.4}.pagination{display: flex;justify-content: center;gap: 0.35rem;margin-top: 2rem}.page-link{padding: 0.35rem 0.75rem;border-radius: 4px;background: var(--surface-2);color: var(--text-2);text-decoration: none;font-size: 0.9rem;transition: all 0.2s ease}.page-link:hover{background: var(--surface-3);color: var(--text-1)}.page-link.active{background: var(--accent);color: var(--surface-1)}.related-stores{background: var(--card-bg);border-radius: var(--card-radius);padding: 30px;margin-bottom: 30px}.section-header{margin-bottom: 25px}.section-header h2{font-size: 24px;margin: 0 0 8px 0;color: var(--text-primary)}.section-header p{font-size: 16px;color: var(--text-secondary);margin: 0}.related-stores-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 20px}.related-store-card{background: var(--hover-bg);padding: 15px;border-radius: var(--card-radius);text-align: center;text-decoration: none;transition: transform 0.2s ease;border: 1px solid var(--border-color)}.related-store-card:hover{transform: translateY(-2px)}.related-store-logo{width: 80px;height: 80px;margin: 0 auto 10px;padding: 10px;background: #fff;border-radius: var(--card-radius);object-fit: contain}.related-store-name{color: var(--text-primary);font-size: 14px;font-weight: 500;display: block}.faq-section{background: var(--card-bg);border-radius: var(--card-radius);padding: 30px;margin-bottom: 30px}.faq-grid{display: grid;gap: 20px}.faq-item{padding-bottom: 20px;border-bottom: 1px solid var(--border-color)}.faq-item:last-child{border-bottom: none;padding-bottom: 0}.faq-question{font-size: 1rem;font-weight: 600;color: var(--text-primary);margin: 0 0 10px 0}.faq-answer{color: var(--text-secondary);font-size: 14px;line-height: 1.6;margin: 0}@media (max-width: 1400px){.coupons-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 1200px){.store-content-wrapper{grid-template-columns: 1fr}.store-nav-section{position: static;margin-bottom: 2rem}.store-logo-wrapper{width: 180px !important;height: 180px !important}}@media (max-width: 768px){.store-header{margin-top: 3rem;padding: 2rem 1.5rem}.store-header-content{flex-direction: column;text-align: center;gap: 1.5rem}.store-logo-wrapper{width: 160px !important;height: 160px !important;margin: 0 auto}.store-info{align-items: center;text-align: center;gap: 0.75rem}.store-info h1{font-size: 2rem}.store-stats{justify-content: center;flex-wrap: wrap}.stat-item{padding: 0.4rem 0.8rem}.coupons-grid{grid-template-columns: 1fr}.coupon-footer{grid-template-columns: 1fr}.coupon-actions{flex-direction: column;align-items: stretch}.btn{width: 100%;min-width: unset}.discount-tag{font-size: 1rem;padding: 0.4rem 0.8rem}.section-header{margin-bottom: 1.25rem;gap: 0.35rem}.section-header h2{font-size: 1.5rem}.section-header p{font-size: 0.875rem}}@media (max-width: 640px){.coupons-grid{grid-template-columns: 1fr}}@media (max-width: 480px){.store-header{margin-top: 2rem;padding: 1.5rem}.store-logo-wrapper{width: 140px !important;height: 140px !important}.store-info{gap: 0.5rem}.store-info h1{font-size: 1.8rem}.store-stats{flex-direction: column;width: 100%}.stat-item{width: 100%;justify-content: center}.store-nav-icon{width: 28px;height: 28px;font-size: 14px}.store-nav-title-main{font-size: 13px}.store-nav-title-sub{font-size: 11px}.store-nav-desc{font-size: 11px}.coupon-stats{flex-direction: column;align-items: center;gap: 0.75rem}.discount-tag{top: 0.75rem;right: 0.75rem;font-size: 0.9rem;padding: 0.3rem 0.6rem}.section-header{margin-bottom: 1rem;gap: 0.25rem}.section-header h2{font-size: 1.25rem}.section-header p{font-size: 0.8rem}}@media (max-width: 1200px){.store-nav-grid{grid-template-columns: repeat(2, 1fr);padding: 0 15px}}@media (max-width: 992px){.store-nav-section{padding: 15px}.store-nav-grid{grid-template-columns: 1fr;padding: 0}.store-nav-item{padding: 15px}.store-nav-icon{width: 36px;height: 36px;font-size: 16px}.store-nav-title-main{font-size: 15px}.store-nav-title-sub{font-size: 13px}.store-nav-desc{font-size: 12px}}@media (max-width: 480px){.store-nav-section{padding: 10px}.store-nav-item{padding: 12px;gap: 12px}.store-nav-icon{width: 32px;height: 32px;font-size: 14px}}@media (min-width: 769px) and (max-width: 1024px){.store-header{margin: 2.5rem 1rem}}@media (min-width: 1025px){.store-header{margin: 3rem auto}}.coupon-stats{display: flex;justify-content: center;gap: 20px;margin: 20px 0}.stat-item{display: flex;align-items: center;gap: 5px;color: #666}.voting-section{margin-top: 20px;padding-top: 20px;border-top: 1px solid #eee}.voting-section p{margin-bottom: 15px;color: #666}.vote-buttons{display: flex;justify-content: center;gap: 15px}.vote-btn{background: none;border: 1px solid #ddd;padding: 8px 15px;border-radius: 4px;cursor: pointer;display: flex;align-items: center;gap: 5px;transition: all 0.2s}.vote-btn:hover{background-color: #f5f5f5}.vote-btn.voted{background-color: #e8f5e9;border-color: var(--background-dark);color: var(--background-dark)}.vote-btn.voted i{color: var(--background-dark)}@media (max-width: 768px){.modal-content{width: 95%;margin: 10px}.code-container{flex-direction: column}.code-text{width: 100%;text-align: center}.copy-code-btn{width: 100%}}.coupons-section{padding: 0 0px !important}.skeleton-card{background: var(--surface-2);border-radius: var(--card-radius);padding: 1.5rem;box-shadow: var(--card-shadow);margin-bottom: 1.5rem;border: 1px solid var(--border-color);display: flex;flex-direction: column;gap: 1rem;height: 100%}.skeleton-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 0.75rem}.skeleton-tag{width: 80px;height: 24px;border-radius: var(--card-radius);background: var(--surface-3);position: relative;overflow: hidden}.skeleton-title{width: 80%;height: 24px;border-radius: var(--card-radius);background: var(--surface-3);margin-bottom: 1rem;position: relative;overflow: hidden}.skeleton-description{width: 100%;height: 60px;border-radius: var(--card-radius);background: var(--surface-3);margin-bottom: 1rem;position: relative;overflow: hidden}.skeleton-footer{display: flex;justify-content: space-between;align-items: center;margin-top: auto;padding-top: 1rem;border-top: 1px solid var(--surface-3)}.skeleton-button{width: 120px;height: 36px;border-radius: var(--card-radius);background: var(--surface-3);position: relative;overflow: hidden}.skeleton::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.1) 50%,rgba(255, 255, 255, 0) 100%);animation: shimmer 1.5s infinite}@keyframes shimmer{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}.load-more-container{text-align: center;margin: 2rem 0}.load-more-btn{background: var(--primary-color);color: var(--text-dark);border: none;padding: 0.75rem 2rem;border-radius: var(--card-radius);font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 0.5rem;box-shadow: var(--card-shadow)}.load-more-btn:hover{background: var(--primary-hover);transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)}.load-more-btn:active{transform: translateY(0)}.load-more-btn.loading{pointer-events: none;opacity: 0.8}.load-more-btn .spinner{width: 20px;height: 20px;border: 3px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: var(--text-dark);animation: spin 1s linear infinite;display: none}.load-more-btn.loading .spinner{display: block}.load-more-btn.loading span{display: none}@keyframes spin{to{transform: rotate(360deg)}}.load-more-container.hidden{display: none}.error-message{background: var(--surface-2);color: var(--error);padding: 1rem;border-radius: var(--card-radius);margin: 1rem 0;text-align: center;border: 1px solid var(--error);font-size: 0.9rem;display: flex;align-items: center;justify-content: center;gap: 0.5rem}.error-message::before{content: '⚠️';font-size: 1rem}.coupon-expiry-date{display: flex;align-items: center;gap: 0.5rem;color: var(--primary-color);font-size: 0.8rem;margin-top: 0.75rem;margin-bottom: 0.5rem;font-weight: 500;letter-spacing: 0.01em}.coupon-expiry-date i{color: var(--primary-color);font-size: 1rem}@media (max-width: 768px){.coupon-expiry-date{font-size: 0.8rem}}.curator-card{position: relative;overflow: hidden;border-radius: 12px;border: 1.5px solid var(--accent, #ffd700);background: var(--surface-2, #232323);margin-top: 2rem;margin-bottom: 2rem;box-shadow: 0 2px 8px rgba(0,0,0,0.10);padding: 0}.curator-card-bg{position: absolute;left: 0;top: 0;width: 100%;height: 82px;background: var(--surface-3, #2a2a2a);z-index: 0}.curator-card-content{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;padding: 2.5rem 1.5rem 1.5rem 1.5rem;color: var(--text-1, #fff)}.curator-avatar{width: 96px;height: 96px;border-radius: 50%;object-fit: cover;margin-bottom: 0.5rem;border: 3px solid var(--accent, #ffd700);background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,0.08)}.curator-name{font-size: 1rem;font-weight: 700;color: var(--text-1, #fff);margin: 0.5rem 0 0.1rem 0;line-height: 1.2;text-align: center}.curator-role{font-size: 0.9rem;color: var(--accent, #ffd700);margin-bottom: 0.5rem;text-align: center}.curator-updated{display: flex;align-items: center;gap: 0.4em;font-size: 0.95rem;color: var(--text-2, #bdbdbd);margin-bottom: 0.7rem}.curator-updated svg{color: var(--accent, #ffd700);margin-right: 0.2em}.curator-divider{width: 100%;height: 1px;background: var(--surface-3, #2a2a2a);margin: 1rem 0}.curator-bio{font-size: 0.98rem;color: var(--text-2, #bdbdbd);line-height: 1.6;text-align: center}@media (max-width: 900px){.curator-card{margin-top: 1.5rem;margin-bottom: 1.5rem}.curator-card-content{padding: 2rem 1rem 1rem 1rem}.curator-avatar{width: 72px;height: 72px}}.visit-store-btn{background: none;border: none;color: var(--accent-yellow);text-decoration: underline;cursor: pointer;font-size: inherit;font-family: inherit;padding: 0;margin: 0;transition: color var(--transition)}.visit-store-btn:hover{color: var(--primary-dark);text-decoration: none}.extension-item{display: flex;align-items: center;gap: 0.5rem}.chrome-extension-link{display: flex;align-items: center;gap: 0.5rem;text-decoration: none;color: var(--text-primary);padding: 0.5rem 1rem;background: var(--surface-3);border-radius: var(--card-radius);border: 1px solid var(--border-color);transition: all var(--transition);font-size: 0.9rem;font-weight: 500}.chrome-extension-link:hover{background: var(--hover-bg);border-color: var(--primary);transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3)}.chrome-store-icon{font-size: 18px;color: #4285f4;margin-right: 0.5rem}@media (max-width: 768px){.extension-item{display: none}.chrome-extension-link{font-size: 0.85rem;padding: 0.4rem 0.8rem}.chrome-store-icon{font-size: 16px}}@media (max-width: 480px){.chrome-extension-link{font-size: 0.8rem;padding: 0.3rem 0.6rem}.chrome-store-icon{font-size: 16px}}