.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;width: 100%}.category-page{padding-bottom: 60px}.page-header{background: var(--background-dark);padding: 40px 0;margin-bottom: 40px}.category-header{text-align: center}.category-icon{margin-bottom: 20px}.category-icon img{width: 60px;height: 60px;object-fit: contain}.category-icon i{font-size: 48px;color: var(--primary-color)}.main-title{font-size: 32px;color: var(--text-primary);margin: 0 0 15px}.main-subtitle{font-size: 16px;color: var(--text-secondary);margin: 0}section{margin-bottom: 5px}.section-title{font-size: 24px;color: var(--text-primary);margin: 0 0 30px}.stores-grid,.coupons-grid,.brands-grid{display: grid;gap: 20px;margin-bottom: 30px}.stores-grid{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))}.coupons-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 0 auto;max-width: 1200px;padding: 0 20px}.brands-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))}.store-card{background: var(--background-card);border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease;padding: 20px}.store-card:hover{transform: translateY(-2px);box-shadow: var(--card-shadow)}.store-link{display: block;text-decoration: none;color: inherit}.store-card picture{display: block;width: 120px;height: 60px;margin: 0 auto 15px;background: #FFFFFF;padding: 10px;border-radius: 4px}.store-card img{width: 100%;height: 100%;object-fit: contain}.store-info{text-align: center}.store-info h3{font-size: 18px;color: #1A1A1A;margin: 0 0 10px;font-weight: 600;line-height: 1.4}.store-info p{font-size: 14px;color: #333333;margin: 0 0 5px;line-height: 1.5}.store-uses{color: #0066CC;font-weight: 600}.coupon-card{background: var(--background-dark);border: 1px solid var(--border-color);border-radius: 8px;padding: 0;transition: transform 0.2s ease, box-shadow 0.2s ease;display: flex;flex-direction: column;overflow: hidden;width: 100%}.coupon-card:hover{transform: translateY(-2px);box-shadow: var(--card-shadow);border-color: var(--primary-color)}.discount-tag{color: #1A1A1A;padding: 12px;text-align: center;font-weight: 700;font-size: 18px;width: 100%;margin: 0;text-transform: uppercase;letter-spacing: 0.5px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2)}.store-logo{width: 120px;height: 60px;margin: 20px auto;display: block;padding: 5px;background: #fff;border-radius: 4px}.store-logo img{width: 100%;height: 100%;object-fit: contain}.coupon-title{font-size: 16px;color: var(--text-primary);margin: 0 20px 20px;line-height: 1.4;text-align: center;min-height: 44px}.coupon-bottom{padding: 15px 20px;border-top: 1px solid var(--border-color);background: var(--background-card)}.coupon-meta{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;font-size: 13px;color: var(--text-secondary)}.expiry-date,.verify-badge{display: flex;align-items: center;gap: 5px}.verify-badge{color: #00d924}.voting-container{display: flex;gap: 10px;margin-bottom: 15px;justify-content: center}.vote-btn{background: var(--background-dark);border: 1px solid var(--border-color);border-radius: 4px;padding: 6px 12px;display: flex;align-items: center;gap: 5px;cursor: pointer;transition: all 0.2s ease;color: var(--text-secondary)}.vote-btn:hover{background: var(--background-hover)}.vote-btn.active{background: var(--primary-color);color: var(--text-dark);border-color: var(--primary-color)}.vote-count{font-size: 13px}.show-code-btn{width: 100%;padding: 12px;background: var(--primary-color);color: var(--text-dark);border: none;border-radius: 6px;font-size: 15px;font-weight: 600;cursor: pointer;position: relative;overflow: hidden;margin-bottom: 15px;text-align: center;text-decoration: none;display: block}.show-code-btn:hover{background: var(--primary-hover)}.show-code-btn .code-text{display: none}.show-code-btn.code-revealed .show-coupon-text{display: none}.show-code-btn.code-revealed .code-text{display: block}.usage-stats{display: flex;justify-content: space-between;font-size: 13px;color: var(--text-secondary)}.stat-item{display: flex;align-items: center;gap: 5px}.load-more{text-align: center;margin-top: 30px}.load-more-btn{background: var(--primary-color);color: var(--text-dark);border: none;padding: 12px 30px;border-radius: 6px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.2s ease}.load-more-btn:hover{background: var(--primary-hover);transform: translateY(-2px)}.description-content{font-size: 16px;line-height: 1.6;color: var(--text-secondary)}@media (max-width: 1200px){.coupons-grid{grid-template-columns: repeat(3, 1fr);gap: 15px;padding: 0 15px}}@media (max-width: 991px){.stores-grid,.coupons-grid,.brands-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))}.coupons-grid{grid-template-columns: repeat(2, 1fr);gap: 15px}}@media (max-width: 768px){.main-title{font-size: 28px}.section-title{font-size: 22px}.stores-grid,.coupons-grid,.brands-grid{grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))}.coupons-grid{grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))}.coupon-title{font-size: 15px;min-height: 40px}}@media (max-width: 576px){.coupons-grid{grid-template-columns: 1fr;gap: 15px}.coupon-card{max-width: 100%}}.fas{font-family: "Font Awesome 6 Free";font-weight: 900}.far{font-family: "Font Awesome 6 Free";font-weight: 400}.top-brands{padding: var(--section-spacing) 0}.brands-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 20px;margin-top: 30px}.brand-card{background: var(--background-card);border: 1px solid var(--border-color);border-radius: var(--border-radius);overflow: hidden;transition: all 0.3s ease}.brand-card:hover{transform: translateY(-2px);box-shadow: var(--card-shadow);border-color: var(--primary-color)}.brand-link{display: block;padding: 20px;text-decoration: none;color: var(--text-primary);text-align: center}.brand-link img{width: 100px;height: 50px;object-fit: contain;margin-bottom: 15px}.brand-info h3{font-size: 1rem;margin-bottom: 8px}.success-rate{color: var(--primary-color);font-weight: 500;font-size: 0.9rem}.category-description{padding: var(--section-spacing) 0;background: var(--background-light)}.description-content{color: var(--text-secondary);line-height: 1.6;font-size: 1rem}@font-face{font-family: "Font Awesome 6 Free";font-style: normal;font-weight: 400;font-display: block;src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family: "Font Awesome 6 Free";font-style: normal;font-weight: 900;font-display: block;src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-solid-900.ttf) format("truetype")}.faq-section{padding: var(--section-spacing) 0;background: var(--background-dark)}.section-header{text-align: center;margin-bottom: 40px}.section-header h2{font-size: var(--h2-size);color: var(--text-primary);margin-bottom: 15px}.section-header p{color: var(--text-secondary);font-size: var(--p-size)}.faq-grid{max-width: 800px;margin: 0 auto;display: grid;gap: 1rem}.faq-item{background: var(--background-card);border: 1px solid var(--border-color);border-radius: var(--border-radius);overflow: hidden;transition: all var(--transition-speed) ease}.faq-item:hover{border-color: var(--primary-color)}.faq-item summary{padding: 1.5rem;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: 500;color: var(--text-primary);list-style: none;position: relative}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: '+';font-size: 1.5rem;color: var(--primary-color);transition: transform 0.3s ease}.faq-item[open] summary::after{transform: rotate(45deg)}.faq-content{padding: 0 1.5rem 1.5rem;color: var(--text-secondary);line-height: 1.6}.faq-content p{margin: 0}.faq-content a{color: var(--primary-color);text-decoration: none;transition: color var(--transition-speed) ease}.faq-content a:hover{text-decoration: underline}@media (max-width: 768px){.faq-grid{padding: 0 1rem}.faq-item summary{padding: 1.25rem}.faq-content{padding: 0 1.25rem 1.25rem}}@media (max-width: 480px){.section-header h2{font-size: 1.5rem}.faq-item summary{padding: 1rem;font-size: 0.95rem}.faq-content{padding: 0 1rem 1rem;font-size: 0.9rem}}