Trendyol ile İşini Büyüt

/* ================================ WEB ÇÖZÜM – FOOTER CREDIT ================================ */ .wc-footer-credit{ --wc-ink: rgba(15, 23, 42, .92); --wc-muted: rgba(15, 23, 42, .68); --wc-line: rgba(148, 163, 184, .45); --wc-card: rgba(255, 255, 255, .78); --wc-card2: rgba(255, 255, 255, .58); --wc-shadow: 0 14px 40px rgba(2, 6, 23, .18); --wc-radius: 16px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding: 12px 14px; border: 1px solid var(--wc-line); border-radius: var(--wc-radius); background: linear-gradient(180deg, var(--wc-card), var(--wc-card2)); box-shadow: var(--wc-shadow); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 980px; margin: 0 auto; font-size: 13px; line-height: 1.25; color: var(--wc-muted); } .wc-credit-brand{ position:relative; display:flex; align-items:center; gap:12px; min-width: 240px; text-decoration:none !important; color: inherit; padding: 8px 10px; border-radius: 14px; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; outline: none; } /* Sol tarafta ince bir “ışık” çizgisi */ .wc-credit-mark{ width: 10px; height: 40px; border-radius: 999px; background: linear-gradient(180deg, rgba(56,189,248,.95), rgba(34,197,94,.55)); box-shadow: 0 10px 20px rgba(56,189,248,.18); flex: 0 0 auto; } .wc-credit-logo{ height: 28px; width: auto; display:block; flex: 0 0 auto; filter: drop-shadow(0 6px 14px rgba(2, 6, 23, .16)); transition: transform .22s ease, filter .22s ease, opacity .22s ease; opacity: .98; } .wc-credit-text{ display:flex; flex-direction:column; gap:2px; min-width: 0; } .wc-credit-line1{ font-weight: 700; color: var(--wc-ink); letter-spacing: .2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wc-credit-line2{ font-weight: 600; color: var(--wc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wc-credit-arrow{ margin-left: 4px; font-weight: 800; color: rgba(15, 23, 42, .55); transform: translateY(-1px); transition: transform .22s ease, color .22s ease; flex: 0 0 auto; } .wc-credit-year{ font-weight: 700; color: rgba(15, 23, 42, .65); letter-spacing: .4px; white-space: nowrap; } /* Hover / Focus */ .wc-credit-brand:hover, .wc-credit-brand:focus-visible{ background: rgba(255, 255, 255, .72); box-shadow: 0 16px 46px rgba(2, 6, 23, .22); transform: translateY(-1px); } .wc-credit-brand:hover .wc-credit-logo, .wc-credit-brand:focus-visible .wc-credit-logo{ transform: translateY(-1px) scale(1.02); filter: drop-shadow(0 10px 22px rgba(2, 6, 23, .22)); } .wc-credit-brand:hover .wc-credit-arrow, .wc-credit-brand:focus-visible .wc-credit-arrow{ transform: translate(2px,-3px); color: rgba(15, 23, 42, .72); } /* Mobil */ @media (max-width: 640px){ .wc-footer-credit{ flex-direction: column; align-items: stretch; gap: 10px; padding: 12px; } .wc-credit-year{ text-align: right; } .wc-credit-logo{ height: 26px; } }