/* v20: Prevent scrollbar shift when banner appears */ html{scrollbar-gutter:stable} /* === Cookie Consent Banner — Luxury Jewelry Edition === */ /* ---------- Light Mode (Warm Ivory + Gold) ---------- */ :root { --cb-bg: linear-gradient(180deg, #fdfbf7 0%, #f8f4ed 100%); --cb-bg-fallback: #faf7f0; --cb-text: #2c2420; --cb-text-muted: #7a6e63; --cb-accent: #b8860b; --cb-accent-hover: #9a7209; --cb-accent-soft: rgba(184,134,11,0.10); --cb-link: #8b6914; --cb-border-top: #e2d5c3; --cb-shadow: 0 -6px 40px rgba(80,50,20,0.12); --cb-divider: linear-gradient(90deg, transparent, #d4c4a8, transparent); --cb-toggle-label: #5a4e42; --cb-toggle-track: #d9cfc2; --cb-toggle-track-on: #b8860b; --cb-toggle-knob: #ffffff; --cb-toggle-knob-shadow: rgba(0,0,0,0.15); --cb-btn-accept-bg: linear-gradient(135deg, #b8860b 0%, #d4a017 100%); --cb-btn-accept-hover: linear-gradient(135deg, #9a7209 0%, #b8960f 100%); --cb-btn-accept-text: #ffffff; --cb-btn-accept-shadow: 0 2px 12px rgba(184,134,11,0.25); --cb-btn-secondary-bg: transparent; --cb-btn-secondary-border: #c4b49a; --cb-btn-secondary-text: #6b5b47; --cb-btn-secondary-hover-bg: rgba(184,134,11,0.06); --cb-btn-secondary-hover-border: #b8860b; --cb-btn-secondary-hover-text: #8b6914; --cb-icon-color: #b8860b; } /* ---------- Dark Mode (Deep Charcoal + Champagne Gold) ---------- */ /* Support both: system preference AND manual toggle (data-theme / .theme-dark) */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --cb-bg: linear-gradient(180deg, #1c1917 0%, #151210 100%); --cb-bg-fallback: #1a1714; --cb-text: #f0ebe4; --cb-text-muted: #a89e91; --cb-accent: #d4a853; --cb-accent-hover: #e6be6a; --cb-accent-soft: rgba(212,168,83,0.10); --cb-link: #d4a853; --cb-border-top: #3d3530; --cb-shadow: 0 -6px 40px rgba(0,0,0,0.45); --cb-divider: linear-gradient(90deg, transparent, #4a3f35, transparent); --cb-toggle-label: #c4b8a8; --cb-toggle-track: #3d3530; --cb-toggle-track-on: #d4a853; --cb-toggle-knob: #f0ebe4; --cb-toggle-knob-shadow: rgba(0,0,0,0.3); --cb-btn-accept-bg: linear-gradient(135deg, #c49a3c 0%, #d4a853 100%); --cb-btn-accept-hover: linear-gradient(135deg, #d4a853 0%, #e6be6a 100%); --cb-btn-accept-text: #1a1714; --cb-btn-accept-shadow: 0 2px 16px rgba(212,168,83,0.2); --cb-btn-secondary-bg: transparent; --cb-btn-secondary-border: #4a3f35; --cb-btn-secondary-text: #c4b8a8; --cb-btn-secondary-hover-bg: rgba(212,168,83,0.08); --cb-btn-secondary-hover-border: #d4a853; --cb-btn-secondary-hover-text: #d4a853; --cb-icon-color: #d4a853; } } html[data-theme="dark"], html.theme-dark { --cb-bg: linear-gradient(180deg, #1c1917 0%, #151210 100%); --cb-bg-fallback: #1a1714; --cb-text: #f0ebe4; --cb-text-muted: #a89e91; --cb-accent: #d4a853; --cb-accent-hover: #e6be6a; --cb-accent-soft: rgba(212,168,83,0.10); --cb-link: #d4a853; --cb-border-top: #3d3530; --cb-shadow: 0 -6px 40px rgba(0,0,0,0.45); --cb-divider: linear-gradient(90deg, transparent, #4a3f35, transparent); --cb-toggle-label: #c4b8a8; --cb-toggle-track: #3d3530; --cb-toggle-track-on: #d4a853; --cb-toggle-knob: #f0ebe4; --cb-toggle-knob-shadow: rgba(0,0,0,0.3); --cb-btn-accept-bg: linear-gradient(135deg, #c49a3c 0%, #d4a853 100%); --cb-btn-accept-hover: linear-gradient(135deg, #d4a853 0%, #e6be6a 100%); --cb-btn-accept-text: #1a1714; --cb-btn-accept-shadow: 0 2px 16px rgba(212,168,83,0.2); --cb-btn-secondary-bg: transparent; --cb-btn-secondary-border: #4a3f35; --cb-btn-secondary-text: #c4b8a8; --cb-btn-secondary-hover-bg: rgba(212,168,83,0.08); --cb-btn-secondary-hover-border: #d4a853; --cb-btn-secondary-hover-text: #d4a853; --cb-icon-color: #d4a853; } /* ---------- Banner Container ---------- */ #gtm-consent-banner { visibility: hidden; opacity: 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; contain: layout style paint; will-change: transform, opacity; background: var(--cb-bg); background-color: var(--cb-bg-fallback); color: var(--cb-text); font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-size: 15px; line-height: 1.65; border-top: 1px solid var(--cb-border-top); box-shadow: var(--cb-shadow); /* animation removed for CLS fix */ -webkit-font-smoothing: antialiased; } @keyframes gtmBannerSlideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } #gtm-consent-banner .cb-inner { max-width: 960px; margin: 0 auto; padding: 28px 36px 24px; } /* ---------- Header Row (icon + title) ---------- */ #gtm-consent-banner .cb-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } #gtm-consent-banner .cb-icon { flex-shrink: 0; width: 20px; height: 20px; color: var(--cb-icon-color); } #gtm-consent-banner .cb-title { font-family: "Playfair Display", "Georgia", serif; font-size: 19px; font-weight: 600; letter-spacing: 0.04em; color: var(--cb-text); } /* ---------- Description ---------- */ #gtm-consent-banner .cb-desc { color: var(--cb-text-muted); margin-bottom: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px; line-height: 1.7; letter-spacing: 0.01em; max-width: 720px; } #gtm-consent-banner .cb-desc a { color: var(--cb-link); text-decoration: none; border-bottom: 1px solid currentColor; transition: opacity 0.2s; } #gtm-consent-banner .cb-desc a:hover { opacity: 0.75; } /* ---------- Divider ---------- */ #gtm-consent-banner .cb-divider { height: 1px; background: var(--cb-divider); margin-bottom: 20px; border: none; } /* ---------- Options (toggle switches) ---------- */ #gtm-consent-banner .cb-options { display: flex; flex-wrap: wrap; gap: 14px 32px; margin-bottom: 24px; align-items: center; } #gtm-consent-banner .cb-option { display: flex; align-items: center; gap: 10px; position: relative; } /* Hide default checkbox */ #gtm-consent-banner .cb-option input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } /* Custom toggle track */ #gtm-consent-banner .cb-option .cb-toggle { position: relative; width: 38px; height: 20px; background: var(--cb-toggle-track); border-radius: 12px; cursor: pointer; transition: background 0.3s ease; flex-shrink: 0; } #gtm-consent-banner .cb-option .cb-toggle::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: var(--cb-toggle-knob); border-radius: 50%; box-shadow: 0 1px 3px var(--cb-toggle-knob-shadow); transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); } #gtm-consent-banner .cb-option input:checked + .cb-toggle { background: var(--cb-toggle-track-on); } #gtm-consent-banner .cb-option input:checked + .cb-toggle::after { transform: translateX(18px); } #gtm-consent-banner .cb-option label { cursor: pointer; user-select: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cb-toggle-label); transition: color 0.2s; } /* Required (Necessary) — always on, dimmed */ #gtm-consent-banner .cb-option.cb-required .cb-toggle { opacity: 0.55; cursor: default; } #gtm-consent-banner .cb-option.cb-required label { color: var(--cb-text-muted); font-weight: 400; } /* ---------- Buttons ---------- */ #gtm-consent-banner .cb-buttons { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } #gtm-consent-banner .cb-btn { padding: 11px 30px; border: none; border-radius: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap; } #gtm-consent-banner .cb-btn:active { transform: scale(0.97); } #gtm-consent-banner .cb-btn:focus-visible { outline: 2px solid var(--cb-accent); outline-offset: 2px; } /* Accept — gold gradient, primary CTA */ #gtm-consent-banner .cb-btn-accept { background: var(--cb-btn-accept-bg); color: var(--cb-btn-accept-text); box-shadow: var(--cb-btn-accept-shadow); } #gtm-consent-banner .cb-btn-accept:hover { background: var(--cb-btn-accept-hover); box-shadow: 0 4px 18px rgba(184,134,11,0.3); } /* Save & Reject — outlined, understated */ #gtm-consent-banner .cb-btn-save, #gtm-consent-banner .cb-btn-reject { background: var(--cb-btn-secondary-bg); color: var(--cb-btn-secondary-text); border: 1px solid var(--cb-btn-secondary-border); } #gtm-consent-banner .cb-btn-save:hover, #gtm-consent-banner .cb-btn-reject:hover { background: var(--cb-btn-secondary-hover-bg); border-color: var(--cb-btn-secondary-hover-border); color: var(--cb-btn-secondary-hover-text); } /* ---------- Responsive ---------- */ @media (max-width: 640px) { #gtm-consent-banner .cb-inner { padding: 14px 14px 16px; } #gtm-consent-banner .cb-header { gap: 8px; margin-bottom: 6px; } #gtm-consent-banner .cb-icon { width: 16px; height: 16px; } #gtm-consent-banner .cb-title { font-size: 15px; letter-spacing: 0.02em; } #gtm-consent-banner .cb-desc { margin-bottom: 12px; font-size: 12px; line-height: 1.45; max-width: none; } #gtm-consent-banner .cb-divider { margin-bottom: 12px; } #gtm-consent-banner .cb-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-bottom: 14px; } #gtm-consent-banner .cb-option { min-width: 0; gap: 8px; } #gtm-consent-banner .cb-option label { font-size: 11px; letter-spacing: 0.03em; } #gtm-consent-banner .cb-buttons { gap: 8px; } #gtm-consent-banner .cb-btn { flex: 1 1 calc(50% - 4px); width: auto; text-align: center; padding: 10px 12px; font-size: 11px; } #gtm-consent-banner .cb-btn-accept { flex-basis: 100%; } } /* v21: Use class toggle instead of display:none→block to prevent CLS */ #gtm-consent-banner.cb-visible{visibility:visible;opacity:1}
INGYENES SZÁLLÍTÁS 33500 Ft FELETTI RENDELÉSEKRE
(kép) PANDORA Hungary(kép) PANDORA Hungary
0 0
Gyakori keresések
GyűrűkCharmokKarkötők
PANDORA típusú mágikus ábécé l charm - SCC1229-L - Termékkép
SCC1229-L

PANDORA típusú mágikus ábécé l charm - SCC1229-L

4.5(2 Vélemény(ek))
6,250Ft 5,809FtMentés: 7% kedvezmény

 

Fémek

Színek

Téma


Méretek:
Magasság és szélesség:1.3×0.9cm, Mélység:0.8cm

Termékkód: SCC1229-L
4.5
5-ből
2 Vélemény(ek)
5
1
4
1
3
0
2
0
1
0
08/13/2025
Ez a bájfüggő teljesen gyönyörű! Az ezüst felület sima és csiszolt, az "L" betű finom kidolgozottsága pedig igazán elegáns hatást kölcsönöz neki. Könnyű, mégis szilárd és kiváló minőségű, tökéletes mindennapi viselésre. Imádom, hogyan ad személyes és kifinomult hangulatot a karkötőmhöz. A kézműves munka kifogástalan – mindenképpen érdemes hozzáadni bármely Pandora kollekcióhoz. Ez egy időtlen darab, amit biztosan évekig fogok becsben tartani!
János Papp
07/18/2025
Imádom a Pandora Style Silver Magic Letter L karikát—ez egy igazán gyönyörű és kifinomult darab! Az ezüst felület sima és fényes, az aprólékos kidolgozás pedig luxus érzetet kölcsönöz. Tökéletesen illeszkedik a karkötőmre, és személyes hangulatot ad. A kivitelezés kiváló, bár szeretném, ha kicsit nehezebb lenne, hogy még masszívabb érzetet keltsen. Összességében egy csodálatos karika, amely feljavítja bármelyik gyűjteményt.
Dorina Szalai
Vélemény írása