body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f3e5f5,#e1bee7);min-height:100vh}.top-sticky-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#6a1b9a,#9c4dcc);color:#fff;padding:10px 0;z-index:1000;overflow:hidden}.scrolling-text{display:flex;animation:scroll-left 20s linear infinite;white-space:nowrap}.scrolling-text span{display:inline-flex;align-items:center;gap:5px;margin-right:50px;font-size:.85rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.fixed-notifications-left{position:fixed;bottom:140px;left:10px;z-index:900;display:flex;flex-direction:column;gap:8px;max-width:200px}.viewing-count{background:#6a1b9af2;color:#fff;padding:8px 12px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0003}.purchase-notifications{display:flex;flex-direction:column;gap:5px}.notification-item{background:#fffffff2;padding:8px 10px;border-radius:10px;font-size:.7rem;color:#6a1b9a;box-shadow:0 2px 10px #00000026;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.images-wrapper{width:100%}.main-image{width:100%;height:auto;display:block}.sticky-order-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#6a1b9a,#9c4dcc);padding:12px 15px;z-index:1000;box-shadow:0 -5px 25px #0000004d}.countdown-section{display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;background:#fff3;padding:5px 10px;border-radius:8px;min-width:45px}.countdown-value{font-size:1.2rem;font-weight:700;color:#fff}.countdown-label{font-size:.6rem;color:#e1bee7;text-transform:uppercase}.countdown-separator{color:#fff;font-size:1.2rem;font-weight:700}.order-info-row{display:flex;align-items:center;justify-content:center;gap:8px;color:#e1bee7;font-size:.8rem;margin-bottom:10px}.fire-icon{color:#ff6b35;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sticky-order-btn{width:100%;padding:15px 20px;background:linear-gradient(135deg,gold,orange);color:#4a148c;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.sticky-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.order-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:0}.order-popup{background:#fff;width:100%;max-width:500px;max-height:95vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.popup-close-btn{position:sticky;top:0;float:right;background:#f0f0f0;border:none;width:35px;height:35px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;z-index:10;margin-bottom:-35px}.popup-close-btn:hover{background:#e0e0e0;color:#333}.popup-title{text-align:center;color:#6a1b9a;font-size:1.3rem;margin-bottom:20px;padding-top:10px}.popup-product-section{margin-bottom:20px}.popup-section-header{margin-bottom:15px}.popup-section-title{display:flex;align-items:center;gap:10px;color:#6a1b9a;font-size:1.1rem;font-weight:600}.popup-section-title svg{color:#9c4dcc}.popup-product-image{text-align:center;margin-bottom:15px}.popup-product-image img{max-width:200px;height:auto;border-radius:15px}.popup-packages{display:flex;flex-direction:column;gap:10px}.popup-package-card{display:flex;justify-content:space-between;align-items:center;padding:15px;border:2px solid #CE93D8;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f8f0fc}.popup-package-card:hover{border-color:#9c4dcc;transform:translateY(-2px)}.popup-package-card.selected{border-color:#6a1b9a;background:linear-gradient(135deg,#f3e5f5,#e1bee7);box-shadow:0 4px 15px #6a1b9a33}.popup-package-card.popular{border-color:#ab47bc}.popup-pkg-left{flex:1}.popup-pkg-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.popup-pkg-title{font-weight:600;color:#6a1b9a;font-size:1rem}.bestseller-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,gold,orange);color:#4a148c;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.popup-pkg-label{font-size:.8rem;color:#ab47bc;margin-top:5px;display:flex;align-items:center;gap:5px}.discount-label{color:#9c4dcc}.popup-pkg-right{text-align:right}.popup-pkg-original{text-decoration:line-through;color:#999;font-size:.85rem}.popup-pkg-price{font-size:1.3rem;font-weight:700;color:#6a1b9a}.popup-cart-summary{background:#f3e5f5;border-radius:12px;padding:15px;margin-bottom:20px}.cart-summary-header{display:flex;align-items:center;gap:10px;color:#6a1b9a;font-weight:600;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #CE93D8}.cart-empty{text-align:center;color:#7b1fa2;padding:20px}.cart-items{margin-bottom:15px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.cart-item-info{display:flex;align-items:center;gap:8px;color:#6a1b9a;font-size:.9rem}.cart-item-info svg{color:#9c4dcc}.cart-item-price{font-weight:600;color:#6a1b9a}.cart-totals{border-top:1px solid #CE93D8;padding-top:10px}.popup-summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem;color:#6a1b9a}.popup-summary-row.discount{color:#e65100}.popup-summary-row.total{font-weight:700;font-size:1.1rem;color:#6a1b9a;border-top:2px solid #6A1B9A;margin-top:10px;padding-top:10px}.free-shipping{color:#9c4dcc;font-weight:600}.popup-order-form{display:flex;flex-direction:column;gap:12px}.popup-form-group input,.popup-form-group textarea{width:100%;padding:14px 16px;border:2px solid #CE93D8;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8f0fc}.popup-form-group input:focus,.popup-form-group textarea:focus{outline:none;border-color:#9c4dcc;box-shadow:0 0 0 3px #9c4dcc1a}.popup-form-group textarea{min-height:60px;resize:vertical}.popup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.popup-form-group .city-select .select__control,.popup-form-group .district-select .select__control{border:2px solid #CE93D8!important;border-radius:10px!important;min-height:50px!important;background:#f8f0fc!important;box-shadow:none!important}.popup-form-group .city-select .select__control:hover,.popup-form-group .district-select .select__control:hover{border-color:#9c4dcc!important}.popup-form-group .city-select .select__control--is-focused,.popup-form-group .district-select .select__control--is-focused{border-color:#9c4dcc!important;box-shadow:0 0 0 3px #9c4dcc1a!important}.popup-payment-methods{margin:10px 0}.popup-payment-methods .payment-label{color:#6a1b9a;font-weight:500;margin-bottom:10px;font-size:.9rem}.popup-payment-methods .payment-options{display:flex;gap:10px}.popup-payment-methods .payment-option{flex:1;padding:12px;border:2px solid #CE93D8;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#f8f0fc;text-align:center;min-width:auto}.popup-payment-methods .payment-option:hover{border-color:#9c4dcc}.popup-payment-methods .payment-option.selected{border-color:#6a1b9a;background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.popup-payment-methods .payment-option input{display:none}.payment-option-text{color:#6a1b9a;font-size:.85rem;font-weight:500}.popup-submit-btn{width:100%;padding:16px 20px;background:linear-gradient(135deg,#6a1b9a,#9c4dcc);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6a1b9a4d;margin-top:10px}.popup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6a1b9a66}.popup-submit-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.thank-you-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.thank-you-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px #6a1b9a33}.success-icon{font-size:4rem;color:#9c4dcc;margin-bottom:20px}.thank-you-card h1{color:#6a1b9a;margin-bottom:10px;font-size:1.8rem}.order-id{color:#7b1fa2;margin-bottom:25px;font-size:1rem}.order-details{background:#f3e5f5;border-radius:12px;padding:20px;margin-bottom:25px;text-align:left}.order-details h3{color:#6a1b9a;margin-bottom:15px;text-align:center}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #CE93D8}.detail-row:last-child{border-bottom:none}.detail-row.total{font-weight:700;color:#6a1b9a;font-size:1.1rem;border-top:2px solid #6A1B9A;margin-top:10px;padding-top:15px}.info-boxes{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.info-box{display:flex;align-items:center;gap:15px;padding:15px;background:#f3e5f5;border-radius:10px;text-align:left}.info-box svg{font-size:1.5rem;color:#9c4dcc;flex-shrink:0}.info-box p{color:#6a1b9a;font-size:.9rem;margin:0}.home-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#6a1b9a,#9c4dcc);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.home-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6a1b9a4d}@media (min-width: 769px){.order-popup-overlay{align-items:center;padding:20px}.order-popup{border-radius:20px;max-height:90vh}}@media (max-width: 480px){.popup-form-row{grid-template-columns:1fr}.popup-payment-methods .payment-options{flex-direction:column}.countdown-item{min-width:40px;padding:4px 8px}.countdown-value{font-size:1rem}.sticky-order-btn{font-size:1rem;padding:12px 15px}.thank-you-card{padding:25px}}.credit-card-pay-btn{display:block;text-decoration:none;margin-top:16px;border-radius:14px;padding:3px;background:linear-gradient(135deg,#667eea,#764ba2);transition:transform .2s,box-shadow .2s;animation:cardBtnGlow 2s ease-in-out infinite}@keyframes cardBtnGlow{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 6px 30px #764ba280}}.credit-card-pay-btn:hover{transform:translateY(-2px);box-shadow:0 10px 35px #667eea80}.credit-card-pay-inner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460)}.credit-card-pay-left{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 2px 8px #00000026}.dogalyol-logo{height:32px;width:auto;display:block}.credit-card-pay-right{flex:1;display:flex;flex-direction:column;gap:3px}.credit-card-pay-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px}.credit-card-pay-subtitle{font-size:13px;font-weight:600;color:gold;text-shadow:0 1px 4px rgba(0,0,0,.3)}.credit-card-pay-arrow{color:#fff;font-size:24px;font-weight:700;opacity:.8;transition:opacity .15s,transform .15s}.credit-card-pay-btn:hover .credit-card-pay-arrow{opacity:1;transform:translate(4px)}