*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f8f8;color:#333}header{background-color:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a}.logo{font-family:Playfair Display,serif;font-size:2.5em;font-weight:700;text-align:center;letter-spacing:2px}.hero-section{background-color:#f0f0f0;padding:40px;margin:20px 40px;border-radius:10px}.hero-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.hero-text h2{font-size:2em;margin-bottom:10px;font-weight:600}.hero-text .subtitle{color:#666;margin-bottom:15px}.coupon-badge{background-color:#c9b3d9;color:#fff;padding:8px 20px;border-radius:20px;display:inline-block;font-size:.9em}.hero-image{max-width:250px;max-height:300px;border-radius:10px;box-shadow:0 4px 8px #0003;object-fit:cover}main{max-width:1400px;margin:0 auto;padding:40px}.section-title{font-family:Playfair Display,serif;font-size:2.5em;text-align:center;margin-bottom:30px;font-weight:400}.search-section{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:25px;padding:10px 20px}.search-box svg{margin-right:10px;flex-shrink:0}.search-box input{border:none;outline:none;flex:1;padding:5px;font-size:1em}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.coupon-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative}.coupon-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.coupon-image{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.coupon-image img{width:100%;height:100%;object-fit:contain;padding:10px}.coupon-info{padding:0 15px 15px;text-align:center}.coupon-brand{font-size:1.1em;font-weight:600;color:#333;min-height:50px;display:flex;align-items:center;justify-content:center}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#e39194;padding:70px 20px 40px;overflow-y:auto;align-items:flex-start;justify-content:center}.modal.open{display:flex}.coupon-detail-card{width:100%;max-width:380px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000040;animation:zoom .25s;background:#fff}.coupon-detail-image{line-height:0}.coupon-detail-image img{width:100%;display:block}.coupon-detail-footer{background:#fff;padding:10px;text-align:center}.coupon-detail-footer .barcode-img{display:block;width:100%;max-width:280px;margin:0 auto}.coupon-detail-available{color:#555;font-size:.85em;margin-top:10px}.coupon-detail-code-label{color:#888;font-size:.8em;margin-top:16px}.coupon-detail-code-value{background:#f2f2f2;border-radius:10px;padding:12px;margin-top:6px;font-weight:700;font-size:1.3em;letter-spacing:1px;color:#222}.coupon-detail-shoplist-info{margin-top:18px;padding-top:14px;border-top:1px solid #eee;color:#333;font-size:.85em;line-height:1.5;text-align:left}.coupon-detail-description{margin-top:10px;color:#888;font-size:.75em;line-height:1.5;text-align:left}.coupon-detail-shoplist-info:empty,.coupon-detail-description:empty{display:none}@keyframes zoom{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-button{position:absolute;top:20px;right:40px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:1001}.close-button:hover{color:#fffc}#loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;z-index:9999;transition:opacity .25s ease}#loader-overlay.hidden{opacity:0;pointer-events:none}.loader-inner{display:flex;flex-direction:column;gap:12px;align-items:center}.spinner{width:48px;height:48px;border-radius:50%;border:6px solid rgba(0,0,0,.12);border-top-color:#000c;animation:spin 1s linear infinite}.loader-text{font-size:16px;font-weight:600;color:#222}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){header{padding:15px 20px}.logo{font-size:2em}.hero-section{padding:20px;margin:15px 20px}.hero-content{flex-direction:column;text-align:center;gap:20px}.hero-text h2{font-size:1.5em}.hero-image{max-width:200px}main{padding:20px}.section-title{font-size:2em}.coupons-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.search-box{min-width:100%}.close-button{right:20px;top:10px}}