/** Shopify CDN: Minification failed Line 18:18 Expected identifier but found whitespace Line 18:20 Unexpected "{" Line 18:30 Expected ":" Line 19:17 Expected identifier but found whitespace Line 19:19 Unexpected "{" Line 19:29 Expected ":" Line 20:13 Expected identifier but found whitespace Line 20:15 Unexpected "{" Line 20:25 Expected ":" Line 21:15 Expected identifier but found whitespace ... and 2 more hidden warnings **/ /* --- GLOBAL VARIABLES --- */ :root { --color-primary: {{ settings.color_primary | default: '#4A3B32' }}; --color-accent: {{ settings.color_accent | default: '#C77D44' }}; --color-bg: {{ settings.color_bg | default: '#F9F8F6' }}; --color-text: {{ settings.color_text | default: '#2C2C2C' }}; --font-heading: 'Playfair Display', serif; --font-body: 'Lato', sans-serif; --container-width: 1200px; } * { box-sizing: border-box; } body { margin: 0; font-family: var(--font-body); background-color: var(--color-bg); color: var(--color-text); line-height: 1.6; } h1, h2, h3, h4, h5 { font-family: var(--font-heading); color: var(--color-primary); margin-top: 0; font-weight: 700; } a { text-decoration: none; color: inherit; transition: 0.3s; } ul { list-style: none; padding: 0; margin: 0; } img { max-width: 100%; height: auto; } /* --- COMMON CLASSES --- */ .container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px; } .btn { display: inline-block; background-color: var(--color-accent); color: #fff; padding: 12px 28px; border-radius: 4px; font-weight: 700; letter-spacing: 0.5px; border: 1px solid var(--color-accent); cursor: pointer; text-transform: uppercase; font-size: 0.9rem; } .btn:hover { background-color: var(--color-primary); border-color: var(--color-primary); transform: translateY(-2px); } .btn-full { width: 100%; text-align: center; display: block; } .text-center { text-align: center; } /* --- ICONS --- */ svg.icon { width: 20px; height: 20px; vertical-align: middle; fill: currentColor; } /* --- CART DRAWER CSS --- */ .cart-drawer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; transition: all 0.3s ease; } .cart-drawer.active { visibility: visible; opacity: 1; } .cart-drawer-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .cart-drawer-container { position: absolute; top: 0; right: -450px; width: 400px; height: 100%; background: #fff; box-shadow: -5px 0 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; transition: right 0.3s cubic-bezier(0.25, 1, 0.5, 1); max-width: 90%; } .cart-drawer.active .cart-drawer-container { right: 0; } .drawer-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; background: var(--color-bg); } .drawer-items { flex: 1; overflow-y: auto; padding: 20px; } .drawer-product { display: flex; gap: 15px; margin-bottom: 20px; border-bottom: 1px solid #f4f4f4; padding-bottom: 15px; } .drawer-product img { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; } .drawer-product-info h3 { font-size: 0.9rem; margin-bottom: 5px; } .drawer-remove { font-size: 0.8rem; color: #999; text-decoration: underline; cursor: pointer; } .drawer-footer { padding: 20px; border-top: 1px solid #eee; background: #fff; } .cart-total { display: flex; justify-content: space-between; font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; color: var(--color-primary); } .shipping-note { font-size: 0.8rem; color: #777; margin-bottom: 15px; text-align: center; } .drawer-close { background: none; border: none; cursor: pointer; } /* --- CUSTOM REVIEWS (JUDGE.ME MAKYYAJI) --- */ /* Genel Çerçeve */ .jdgm-review-widget { font-family: var(--font-body) !important; max-width: 800px !important; margin: 0 auto !important; padding-top: 40px !important; } /* Başlık */ .jdgm-rev-widg__title { text-align: center; font-family: 'Playfair Display', serif !important; color: #2E221F !important; font-size: 1.8rem !important; margin-bottom: 10px !important; } /* Yıldızlar (Altın Sarısı) */ .jdgm-star { color: #E08E00 !important; /* Senin Altın Rengin */ font-size: 1.2rem !important; } /* "Yorum Yaz" Butonu */ .jdgm-write-rev-link { background: transparent !important; border: 2px solid #E08E00 !important; color: #E08E00 !important; font-weight: bold !important; text-transform: uppercase !important; padding: 12px 30px !important; border-radius: 4px !important; transition: all 0.3s ease !important; display: inline-block !important; text-decoration: none !important; margin-top: 20px !important; } .jdgm-write-rev-link:hover { background: #E08E00 !important; color: #fff !important; } /* Form Alanları (Yorum yazarken açılan kutular) */ .jdgm-form-wrapper input, .jdgm-form-wrapper textarea { border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px !important; } .jdgm-form-wrapper input:focus, .jdgm-form-wrapper textarea:focus { border-color: #E08E00 !important; outline: none !important; } /* Yorum Kartları */ .jdgm-rev { border-top: 1px solid #eee !important; padding: 25px 0 !important; } /* Yorum Yapanın İsmi */ .jdgm-rev__author { font-weight: bold !important; color: #2E221F !important; } /* Yorumun Başlığı */ .jdgm-rev__title { font-weight: bold !important; color: #333 !important; font-size: 1rem !important; } /* "Verified Buyer" (Doğrulanmış Alıcı) Rozeti */ .jdgm-rev__buyer-badge { background-color: #2E221F !important; /* Koyu Kahve */ color: #fff !important; border-radius: 2px !important; padding: 2px 6px !important; font-size: 0.7rem !important; text-transform: uppercase !important; } /* Markayı Gizle (Opsiyonel - Uygulamanın ücretsiz sürümünde bazen izin vermez ama deneriz) */ .jdgm-branding-footer, .jdgm-powered-by { display: none !important; }/* --- NEWSLETTER POPUP STYLES --- */ .newsletter-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 99999; visibility: hidden; opacity: 0; transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } .newsletter-popup.active { visibility: visible; opacity: 1; } .popup-content { background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); max-width: 700px; width: 90%; display: flex; overflow: hidden; position: relative; } .popup-close { position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #666; z-index: 10; } .popup-visual { flex: 1; background-color: var(--color-primary); /* Koyu Kahve Arkaplan */ color: #fff; padding: 40px; display: flex; align-items: center; justify-content: center; } .popup-logo { font-family: var(--font-heading); font-size: 2.5rem; color: var(--color-accent); } .popup-form-wrapper { flex: 1; padding: 40px; text-align: center; } .popup-title { font-family: var(--font-heading); font-size: 1.8rem; color: var(--color-primary); margin-bottom: 10px; } .popup-text { color: #555; margin-bottom: 25px; font-size: 1rem; } /* Form Elemanları */ #PopupForm input[type="email"] { width: 100%; padding: 15px; border: 1px solid #ccc; border-radius: 6px; margin-bottom: 15px; font-size: 1rem; } .btn-popup { width: 100%; padding: 15px; background-color: var(--color-accent); color: #fff; border: none; font-weight: bold; text-transform: uppercase; cursor: pointer; border-radius: 6px; transition: 0.3s; } .btn-popup:hover { background-color: var(--color-primary); } .no-thanks-link { background: none; border: none; color: #999; margin-top: 15px; font-size: 0.9rem; text-decoration: underline; cursor: pointer; } .popup-success-msg { color: green; font-weight: bold; margin-top: 10px; } /* Mobil Cihazlar */ @media (max-width: 768px) { .popup-content { flex-direction: column; max-width: 90%; } .popup-visual { display: none; /* Mobilde görseli gizle */ } .popup-form-wrapper { padding: 30px 20px; } .popup-title { font-size: 1.5rem; } }