// Serve Wix photos at display-sized resolutions without changing the originals. function alnisImageUrl(source, width, height) { const value = String(source || ''); const match = value.match(/^https:\/\/static\.wixstatic\.com\/media\/([^/?#]+)(?:\/v1\/[^?#]*)?$/); if (!match || !/\.(?:jpe?g|png|webp)$/i.test(match[1])) return value; return 'https://static.wixstatic.com/media/' + match[1] + '/v1/fit/w_' + width + ',h_' + height + '/file.webp'; } function alnisImageAttrs(source, width, height) { const escape = value => String(value).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); const standard = alnisImageUrl(source, width, height); const retina = alnisImageUrl(source, width * 2, height * 2); return 'src="' + escape(standard) + '" srcset="' + escape(standard) + ' 1x, ' + escape(retina) + ' 2x" decoding="async"'; } // Smaller phone sources keep high-density category images from downloading desktop files. function alnisMobileSources(source, width, height) { const escape = value => String(value).replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); const sourceTag = (maxWidth, targetWidth) => { const targetHeight = Math.round(height * targetWidth / width); const one = escape(alnisImageUrl(source, targetWidth, targetHeight)); const two = escape(alnisImageUrl(source, targetWidth * 2, targetHeight * 2)); return '<source media="(max-width: ' + maxWidth + 'px)" srcset="' + one + ' 1x, ' + two + ' 2x">'; }; return width === 720 && height === 720 ? sourceTag(480, 240) + sourceTag(768, 384) : sourceTag(480, 400); } // Custom elements can render before Wix attaches their event listeners. // Repeat the ready signal briefly, stopping as soon as Wix acknowledges it. function announceAlnisReady(element, eventName) { const send = () => { if (!element.isConnected || element.getAttribute('bridge-confirmed') === 'true') return; element.dispatchEvent(new CustomEvent(eventName, {detail: {action: 'ready'}, bubbles: true, composed: true})); }; send(); [100, 500, 1500, 4000].forEach(delay => setTimeout(send, delay)); } /* Alnis Atelier custom header. Wix tag: wix-default-custom-element. Events are handled by masterPage.js; no direct access to Wix's DOM. */ class AlnisHeader extends HTMLElement { static get observedAttributes() { return ['scroll-y', 'solid', 'base-url', 'status', 'bridge-ready', 'member-state', 'member-name', 'account-open', 'account-status', 'logout-busy']; } connectedCallback() { if (this.closest("#comp-mul43e6p")) { queueMicrotask(() => AlnisStoneGuide.prototype.connectedCallback.call(this)); return; } if (this._mounted) { window.addEventListener('scroll',this._scroll,{passive:true}); this._update(); return; } this._mounted = true; const icon = (body) => `<svg viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round">${body}</svg>`; const search = icon('<circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 5 5"/>'); const heart = icon('<path d="M20.4 4.9a5.5 5.5 0 0 0-7.8 0L12 5.5l-.6-.6a5.5 5.5 0 0 0-7.8 7.8L12 21l8.4-8.3a5.5 5.5 0 0 0 0-7.8Z"/>'); const user = icon('<circle cx="12" cy="7" r="4"/><path d="M4 21v-2a8 8 0 0 1 16 0v2"/>'); const bag = icon('<path d="M5 7h14l1 14H4L5 7Z"/><path d="M8 8V6a4 4 0 0 1 8 0v2"/>'); const menu = icon('<path d="M3 6h18M3 12h18M3 18h18"/>'); const close = icon('<path d="m5 5 14 14M19 5 5 19"/>'); const links = [['Kadın','/kadin'],['Erkek','/erkek'],['Çanta','/anta'],['Tesbih','/tesbih'],['Deep Black','/deepblack'],['Alnis Atelier Dünyası','/blog']]; const menuAssets = ["476921_65d5bf3b260e45c3a555064b2b85539b~mv2.png", "476921_96bb840a37e04c588a25916186bdcfe0~mv2.jpg", "476921_b06d22d4c8bf4584acd6e58d17341bdd~mv2.jpg", "476921_028a5d40cbb24ae89406d5e9ec320888~mv2.png", "476921_a6ccc0174f0c4e14a39577e09daacec0~mv2.png", "476921_4673a65efd0544e3b30973f6dc7235f2~mv2.png"]; const worldLinks = [["Doğal Taş Özellikleri ve Burçlar","/dogaltas"],["Doğal Taş Kullanım, Bakım ve Temizlik Kılavuzu","/kullanma-ve-bakim"],["Ölçü Rehberi",null],["Alnis Atelier Blog","/blog"]]; const nav = links.map(([name,path]) => `<a href="${path}" data-path="${path}">${name}</a>`).join(''); const drawerNav = links.map(([name,path])=>name==='Alnis Atelier Dünyası'?'<details class="world-drawer"><summary>'+name+'</summary><div>'+worldLinks.map(([label,url])=>url?'<a href="'+url+'" data-path="'+url+'">'+label+'</a>':'<span class="menu-unavailable" aria-disabled="true">'+label+'</span>').join('')+'</div></details>':'<a href="'+path+'" data-path="'+path+'">'+name+'</a>').join(''); const desktopNav = links.map(([name,path]) => `<span class="nav-item"><a class="nav-open" href="${path}" data-path="${path}" data-menu-label="${name}" aria-haspopup="true" aria-controls="alnis-collections" aria-expanded="false">${name}</a></span>`).join(''); const root = this.attachShadow({mode:'open'}); root.innerHTML = `<style> :host{display:block;position:relative;width:100%;height:198px;pointer-events:none} *{box-sizing:border-box}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent} .header{position:fixed;inset:0 0 auto;z-index:1000;height:226px;color:#fff;background:transparent;pointer-events:auto;transition:height .32s ease,background .25s,color .25s;border-bottom:1px solid transparent;font-family:Arial,sans-serif} .brand{position:absolute;top:49px;left:50%;transform:translateX(-50%);color:inherit;text-decoration:none;font:400 clamp(46px,7.4vw,100px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.07em;white-space:nowrap;transition:all .32s ease} .contact-link{position:absolute;top:24px;left:4%;color:inherit;font-size:13px;text-decoration:none}.compact .contact-link{display:none}.utilities{position:absolute;right:4%;top:12px;display:flex;gap:6px;align-items:center;transition:top .32s} .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:inherit;border:0;background:transparent;cursor:pointer;padding:9px;text-decoration:none} svg{width:22px;height:22px}.desktop-nav{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:52px;display:flex;align-items:center;gap:25px;white-space:nowrap}.nav-item{height:100%;display:inline-flex;align-items:center;gap:2px}.nav-open{display:inline-flex;align-items:center;width:auto;height:38px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}.nav-open[aria-expanded="true"]{text-decoration:underline;text-underline-offset:5px} nav a{color:inherit;text-decoration:none;font-size:14px;letter-spacing:.015em;padding:15px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:currentColor} a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:3px} .utilities .search,.utilities [data-action=cart]{position:fixed;top:180px}.utilities .search{right:62px}.utilities [data-action=cart]{right:20px}.utilities .account{width:auto;gap:8px}.account-label{font-size:13px;font-weight:400}.compact .utilities .search,.compact .utilities [data-action=cart]{position:static}.compact .utilities .account,.compact .utilities .favorite{display:none}.compact .account-label{display:none}@media(min-width:1141px){.compact .utilities .account,.compact .utilities .favorite{display:inline-flex}.compact .utilities .account{width:40px;gap:0}}.menu-toggle{display:none}.header.compact,.header.solid,.header.menu-open{background:#fff;color:#181818;border-bottom-color:#e8e6e2} .header.compact{height:64px}.compact .brand{left:4%;top:20px;transform:none;font-size:21px;letter-spacing:.04em}.compact .utilities{top:12px}.compact .desktop-nav{height:64px;gap:18px} .mega-panel{font-family:Arial,sans-serif;max-height:calc(100dvh - 226px);overflow:auto;position:fixed;left:0;right:0;top:226px;z-index:999;background:#fff;color:#181818;border-top:1px solid #e7e4de;box-shadow:0 16px 30px rgba(0,0,0,.13);padding:34px 5% 38px;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}.header.compact~.mega-panel{top:64px;max-height:calc(100dvh - 64px)}.mega-panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mega-inner{width:min(1180px,100%);margin:auto;position:relative}.mega-kicker{margin:0 0 7px;font-size:11px;letter-spacing:.14em;color:#666}.mega-title{margin:0 0 28px;font:400 31px/1.15 Georgia,'Times New Roman',serif}.mega-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}.mega-feature{color:#181818;text-decoration:none;font-size:14px}.mega-feature img{display:block;width:260px;height:220px;object-fit:contain;background:#f7f6f2}.mega-feature img[alt="Kadın"],.mega-feature img[alt="Erkek"],.mega-feature img[alt="Çanta"],.mega-feature img[alt="Tesbih"],.mega-feature img[alt="Deep Black"]{background:#fff}.mega-feature span{display:block;margin-top:14px;text-decoration:underline;text-underline-offset:5px}.mega-feature:focus-visible{outline:2px solid #181818;outline-offset:5px}.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;border-top:1px solid #dedbd5}.mega-panel.collection-menu .mega-links{grid-template-columns:1fr}.mega-panel.collection-menu .mega-links a[data-selected="true"]{text-decoration:none}.mega-links a{display:flex;align-items:center;justify-content:space-between;min-height:54px;color:#181818;text-decoration:none;border-bottom:1px solid #dedbd5;font-size:14px}.mega-links a:after{content:'›';font-size:21px;font-weight:300}.mega-links a:hover{padding-left:8px}.mega-links a[data-selected="true"]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.mega-support{display:flex;gap:30px;margin-top:26px}.mega-support a{color:#555;font-size:12px;text-underline-offset:4px}.mega-close{position:absolute;right:0;top:0;border:0;background:transparent;width:40px;height:40px;padding:9px;color:#181818;cursor:pointer} dialog{color:#181818;background:#fff;border:0;padding:0;margin:0;max-width:100%;max-height:100%;font-family:Arial,sans-serif;pointer-events:auto} dialog::backdrop{background:rgba(0,0,0,.35)}.drawer{width:min(390px,100vw);height:100dvh;padding:20px 26px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.drawer-brand{font:23px Georgia,serif;letter-spacing:.06em}.drawer nav{display:flex;flex-direction:column;gap:5px}.drawer nav a{font-size:17px;line-height:24px;padding:17px 0;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.drawer nav a:after{content:"›";font-size:22px;font-weight:300}.drawer-support{display:flex;flex-direction:column;gap:20px;border-top:1px solid #ddd;margin-top:30px;padding-top:24px}.drawer-support a{font-size:13px;color:#444;text-decoration:none}.drawer-tools{flex-wrap:wrap}.drawer-tools .account{width:auto;gap:9px;font-size:13px;padding:9px 0}.drawer-tools .account span{white-space:nowrap}.drawer-tools{display:flex;gap:12px;padding-top:30px} .search-dialog{width:100%;padding:26px 5% 38px}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.search-head strong{font-weight:400;font-size:20px}.search-form{display:flex;gap:10px;max-width:760px;margin:auto;border-bottom:1px solid #444}.search-form input{flex:1;min-width:0;border:0;padding:14px 0;font-size:18px;background:transparent;color:#181818}.submit{border:0;background:#191919;color:#fff;padding:0 24px;cursor:pointer}.message{font-size:13px;text-align:center;margin:14px}.search-links{max-width:760px;margin:24px auto 0;display:flex;flex-wrap:wrap;gap:10px 24px}.search-links a{color:#333;font-size:13px;text-underline-offset:4px;line-height:24px}.message:empty{display:none}dialog button,dialog a{touch-action:manipulation} @media(min-width:769px){.header.solid:not(.compact){height:139px}.solid:not(.compact) .brand{top:29px;font-size:54px}.solid:not(.compact) .utilities .search,.solid:not(.compact) .utilities [data-action=cart]{top:93px}.header.solid:not(.compact)~.mega-panel{top:139px;max-height:calc(100dvh - 139px)}} @media(min-width:769px) and (max-width:1140px){.desktop-nav{gap:18px}.compact .desktop-nav{display:none}.compact .brand{left:50%;transform:translateX(-50%);font-size:23px;top:18px}.compact .menu-toggle{display:inline-flex;position:absolute;left:20px;top:12px}.compact .utilities{right:20px;gap:6px}.mega-panel,.nav-open{display:none}} @media(max-width:768px){.contact-link{display:none}.utilities .search,.utilities [data-action=cart]{position:static}.account-label{display:none}:host{height:116px}.header{height:116px}.brand{top:20px;font-size:clamp(23px,6vw,35px);letter-spacing:.055em}.desktop-nav,.mega-panel{display:none}.utilities{top:66px;right:14px;gap:2px}.utilities .account,.utilities .favorite{display:none}.menu-toggle{display:inline-flex;position:absolute;left:12px;top:66px}.header.compact{height:60px}.compact .brand{left:50%;top:20px;transform:translateX(-50%);font-size:clamp(16px,4.4vw,22px)}.compact .utilities{top:10px;right:7px}.compact .utilities .search{display:none}.compact .menu-toggle{top:10px;left:7px}.icon{width:40px;height:40px}.search-dialog{padding:20px}.submit{padding:0 14px}} /* Mobile spacing revision: preserve 44px targets and visible keyboard focus. */ @media(max-width:768px){.drawer{padding:16px 22px max(24px,env(safe-area-inset-bottom))}.drawer-head{margin-bottom:18px}.drawer-brand{font-size:clamp(19px,5.3vw,23px)}.drawer nav{gap:0}.drawer nav a{min-height:44px;padding:10px 0;font-size:16px}.drawer-tools{padding-top:16px;gap:12px}.drawer-tools .icon,.drawer .close{min-width:44px;min-height:44px}.drawer-support{gap:0;margin-top:18px;padding-top:12px}.drawer-support a{display:flex;align-items:center;min-height:44px;line-height:1.4}.drawer .close:focus{outline:1px solid #222;outline-offset:2px}.drawer .close:focus-visible{outline:2px solid #222;outline-offset:2px}} .account-dialog{width:min(260px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;inset:16px 16px auto auto;margin:0;padding:18px;color:#181818;background:#fff;font-family:Arial,sans-serif}.account-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.account-head h2{margin:0;font-size:20px;font-weight:400;min-width:0;flex:1}.account-greeting{display:block;font-size:14px;line-height:1.5}.account-name{display:block;margin-top:4px;font-size:20px;line-height:1.3;overflow-wrap:anywhere}.account-head .close{flex-shrink:0}.account-links{display:flex;flex-direction:column}.account-links a,.account-login,.account-logout{display:flex;align-items:center;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #e5e5e5;background:none;color:#181818;text-decoration:none;text-align:left;font:14px Arial,sans-serif;cursor:pointer}.account-logout,.account-login{margin-top:10px;font-weight:600}.account-dialog [hidden]{display:none}.account-logout:disabled{opacity:.55;cursor:wait}.account-status{margin:14px 0 0;font-size:13px;line-height:1.5}.account-status:empty{display:none}.account-links a:focus-visible,.account-dialog button:focus-visible{outline:2px solid #181818;outline-offset:3px} @media(prefers-reduced-motion:reduce){*{transition:none!important}} .mega-links .menu-unavailable{display:flex;align-items:center;min-height:54px;border-bottom:1px solid #dedbd5;font-size:14px;color:#777}.world-drawer summary{cursor:pointer;list-style:none;font-size:17px;line-height:24px;padding:17px 0;border-bottom:1px solid #eee}.world-drawer summary::-webkit-details-marker{display:none}.world-drawer[open] summary{font-weight:600}.world-drawer>div{padding-left:14px}.drawer .world-drawer a{font-size:14px;line-height:1.5;padding:12px 0}.drawer .menu-unavailable{display:block;padding:12px 0;border-bottom:1px solid #eee;color:#777;font-size:14px}@media(max-width:768px){.world-drawer summary{font-size:16px;min-height:44px;padding:10px 0}}</style> <header class="header"><a class="contact-link" href="/iletisim" data-path="/iletisim">Bize Ulaşın</a> <button class="icon menu-toggle" aria-label="Menüyü aç" aria-haspopup="dialog" aria-expanded="false" aria-controls="alnis-menu">${menu}</button> <a class="brand" href="/" data-path="/" aria-label="Alnis Atelier ana sayfa">ALNIS ATELIER</a> <nav class="desktop-nav" aria-label="Ana menü">${desktopNav}</nav> <div class="utilities"><button class="icon search" aria-label="Ürün ara" aria-haspopup="dialog">${search}</button><a class="icon favorite" href="/account/favoriurunlerim" data-path="/account/favoriurunlerim" aria-label="Favorilerim">${heart}</a><button class="icon account" data-action="account" aria-label="Hesabım" aria-haspopup="dialog">${user}<span class="account-label">Oturum açma</span></button><button class="icon" data-action="cart" aria-label="Sepetim">${bag}</button></div> </header> <section id="alnis-collections" class="mega-panel" aria-label="Koleksiyon menüsü" aria-hidden="true"><div class="mega-inner"><button class="mega-close" type="button" aria-label="Koleksiyon menüsünü kapat">${close}</button><p class="mega-kicker">ALNIS ATELIER</p><h2 class="mega-title">Koleksiyonlar</h2><div class="mega-layout"><div class="mega-links">${nav}</div><a class="mega-feature" href="/kadin" data-path="/kadin"><img alt="Kadın" ${alnisImageAttrs('https://static.wixstatic.com/media/476921_65d5bf3b260e45c3a555064b2b85539b~mv2.png',260,220)}><span>Kadın</span></a></div><div class="mega-support"><a href="/iletisim" data-path="/iletisim">Bize Ulaşın</a><a href="/account/siparislerim" data-path="/account/siparislerim">Sipariş ve Kargo Takip</a><a href="/faq" data-path="/faq">Sıkça Sorulan Sorular</a></div></div></section> <dialog id="alnis-menu" class="drawer" aria-label="Ana menü"><div class="drawer-head"><span class="drawer-brand">ALNIS ATELIER</span><button class="icon close" aria-label="Menüyü kapat" autofocus>${close}</button></div><nav aria-label="Kategoriler">${drawerNav}</nav><div class="drawer-tools"><button class="icon search" aria-label="Ürün ara">${search}</button><a class="icon" href="/account/favoriurunlerim" data-path="/account/favoriurunlerim" aria-label="Favorilerim">${heart}</a><button class="icon account" data-action="account" aria-label="Hesabım" aria-haspopup="dialog">${user}<span>Oturum açma</span></button></div><div class="drawer-support"><a href="/iletisim" data-path="/iletisim">Bize Ulaşın</a><a href="/account/siparislerim" data-path="/account/siparislerim">Sipariş ve Kargo Takip</a><a href="/faq" data-path="/faq">Sıkça Sorulan Sorular</a></div></dialog> <dialog class="account-dialog" aria-label="Hesap menüsü"><div class="account-head"><h2><span class="account-greeting">Hesabım</span><span class="account-name" hidden></span></h2><button class="icon close" aria-label="Hesap menüsünü kapat" autofocus>${close}</button></div><div class="account-links"><a href="/account/hesabim" data-path="/account/hesabim">Hesabım</a><a href="/account/siparislerim" data-path="/account/siparislerim">Siparişlerim</a><a href="/account/favoriurunlerim" data-path="/account/favoriurunlerim">Favorilerim</a><button class="account-login" type="button" data-action="login">Oturum Aç</button><button class="account-logout" type="button" data-action="logout" hidden>Çıkış Yap</button></div><p class="account-status" role="status" aria-live="polite"></p></dialog> <dialog class="search-dialog" aria-label="Ürün arama"><div class="search-head"><strong>Ne arıyorsunuz?</strong><button class="icon close" aria-label="Aramayı kapat">${close}</button></div><form class="search-form"><input name="q" type="search" placeholder="Ürün veya doğal taş adı" aria-label="Aranacak ürün" required maxlength="120"><button class="submit" type="submit">Ara</button></form><div class="search-links" aria-label="Kategoriler">${nav}</div><p class="message" role="status"></p></dialog>`; this._emit = (detail) => this.dispatchEvent(new CustomEvent('alnis-action',{detail,bubbles:true,composed:true})); let megaCloseTimer;let megaTrigger; const closeMega=(restoreFocus=false)=>{clearTimeout(megaCloseTimer);root.querySelector('.header').classList.remove('menu-open');const panel=root.querySelector('.mega-panel');panel.classList.remove('open');panel.setAttribute('aria-hidden','true');root.querySelectorAll('.nav-open').forEach(button=>button.setAttribute('aria-expanded','false'));if(restoreFocus&&megaTrigger)megaTrigger.focus();}; const openMega=button=>{if(!button||!button.hasAttribute('aria-haspopup')){closeMega();return;}if(!window.matchMedia('(min-width:1141px)').matches)return;clearTimeout(megaCloseTimer);megaTrigger=button;root.querySelector('.header').classList.add('menu-open');const panel=root.querySelector('.mega-panel');const label=button.dataset.menuLabel;root.querySelector('.mega-title').textContent=label;panel.setAttribute('aria-label',label+' menüsü');panel.classList.toggle('collection-menu',label==='Kadın'||label==='Erkek'||label==='Çanta'||label==='Tesbih'||label==='Deep Black'||label==='Alnis Atelier Dünyası');const menuLinks=label==='Alnis Atelier Dünyası'?worldLinks:label==='Kadın'?[['Kadın Tüm Ürünler','/kadin'],['Bileklik','/kadin?Ta%C5%9F+Cinsi=Bileklik'],['Kolye','/kadin?Ta%C5%9F+Cinsi=Kolye'],['Küpe','/kad-n-k-pe'],['Yüzük','/kad-n-y-z-k'],['Hal hal','/kad-n-hal-hal']]:label==='Erkek'?[['Erkek Tüm Ürünler','/erkek'],['Erkek Bileklik','/erkek-bileklik'],['Erkek Kolye','/erkek-kolye'],['Erkek Yüzük','/erkek-y-z-k']]:label==='Çanta'?[['Çanta Tüm Ürünler','/anta'],['Hasır İp Örgü Çantalar','/has-r-p-rg-antalar'],['Deri İp Örgü Çantalar','/deri-p-rg-antalar']]:label==='Tesbih'?[['Tesbih Tüm Ürünler','/tesbih'],['Zamak Tesbihler','/zamak-tesbihler'],['33’lük Doğal Taş Tesbihler','/33-l-k-do-al-ta-tesbihler']]:label==='Deep Black'?[['Deep Black Tüm Ürünler','/deepblack'],['Zirkon','/deepblack?Kategori=Zirkon'],['Oniks','/deepblack?Kategori=Oniks'],['Lav Taşı','/deepblack?Kategori=Lav%2520Ta%25C5%259F%25C4%25B1'],['Obsidyen','/deepblack?Kategori=Obsidyen']]:label==='Tüm Ürünler'?[['Tüm Ürünler','/urunler'],['Kadın','/kadin'],['Erkek','/erkek'],['Tesbih','/tesbih'],['Deep Black','/deepblack'],['Çok Satanlar','/coksatan']]:label==='Blog'?[['Blog','/blog'],['Kullanma ve Bakım Kılavuzu','/kullanma-ve-bakim']]:links;const list=root.querySelector('.mega-links');list.replaceChildren(...menuLinks.map(([name,path])=>{const a=document.createElement(path?'a':'span');a.textContent=name;if(!path){a.className='menu-unavailable';a.setAttribute('aria-disabled','true');return a;}if(!path.includes('?'))a.dataset.path=path;a.href=(this.getAttribute('base-url')||'').replace(/\/$/,'')+path;return a;}));const selectedIndex=links.findIndex(([name])=>name===label);const feature=root.querySelector('.mega-feature');feature.dataset.path=links[selectedIndex][1];feature.setAttribute('href',(this.getAttribute('base-url')||'').replace(/\/$/,'')+links[selectedIndex][1]);const menuImage='https://static.wixstatic.com/media/'+menuAssets[selectedIndex];feature.querySelector('img').srcset=alnisImageUrl(menuImage,260,220)+' 1x, '+alnisImageUrl(menuImage,520,440)+' 2x';feature.querySelector('img').src=alnisImageUrl(menuImage,260,220);feature.querySelector('img').alt=label;feature.querySelector('span').textContent=label;root.querySelectorAll('.mega-links a').forEach(a=>a.setAttribute('data-selected',String(a.textContent===(label==='Kadın'?'Kadın Tüm Ürünler':label==='Erkek'?'Erkek Tüm Ürünler':label==='Çanta'?'Çanta Tüm Ürünler':label==='Tesbih'?'Tesbih Tüm Ürünler':label==='Deep Black'?'Deep Black Tüm Ürünler':label))));root.querySelectorAll('.nav-open').forEach(item=>item.setAttribute('aria-expanded',String(item===button)));panel.classList.add('open');panel.setAttribute('aria-hidden','false');}; root.addEventListener('click',event=>{ const target=event.target.closest('a,button');if(!target)return; if(target.classList.contains('nav-open')&&target.dataset.menuLabel==='Alnis Atelier Dünyası'){event.preventDefault();openMega(target);} else if(target.classList.contains('mega-close'))closeMega(true); else if(target.dataset.path){this._close();if(this.hasAttribute('bridge-ready')){event.preventDefault();this._emit({action:'navigate',path:target.dataset.path});}} else if(target.dataset.action==='logout'){if(target.disabled)return;target.disabled=true;root.querySelector('.account-status').textContent='Çıkış yapılıyor…';this._emit({action:'logout'});} else if(target.dataset.action){this._close();this._emit({action:target.dataset.action});} else if(target.classList.contains('menu-toggle')){root.querySelector('.drawer').showModal();target.setAttribute('aria-expanded','true');} else if(target.classList.contains('search')){this._close();root.querySelector('.search-dialog').showModal();root.querySelector('input').focus();} else if(target.classList.contains('close'))this._close(); }); root.querySelectorAll('.nav-item').forEach(item=>item.addEventListener('mouseenter',()=>openMega(item.querySelector('.nav-open')))); const scheduleMegaClose=()=>{clearTimeout(megaCloseTimer);megaCloseTimer=setTimeout(()=>closeMega(),180);}; root.querySelector('.desktop-nav').addEventListener('mouseleave',scheduleMegaClose); root.querySelector('.mega-panel').addEventListener('mouseenter',()=>clearTimeout(megaCloseTimer)); root.querySelector('.mega-panel').addEventListener('mouseleave',scheduleMegaClose); // v46: keyboard entry and focus restoration for desktop category panels. root.addEventListener('keydown',event=>{ if(event.key==='Escape')closeMega(true); if(event.key==='ArrowDown'&&event.target.closest('.nav-open[aria-haspopup]')){ event.preventDefault();const button=event.target.closest('.nav-item').querySelector('.nav-open'); openMega(button);if(window.matchMedia('(min-width:1141px)').matches)setTimeout(()=>{if(root.querySelector('.mega-panel').classList.contains('open')&&megaTrigger===button)(root.querySelector('.mega-links a[data-selected="true"]')||root.querySelector('.mega-links a')).focus();},220); } }); root.addEventListener('focusout',event=>{const next=event.relatedTarget;if(!next||(!next.closest('.desktop-nav')&&!next.closest('.mega-panel')))closeMega();}); this._closeMega=closeMega; root.querySelector('form').addEventListener('submit',event=>{event.preventDefault();const input=root.querySelector('input');const query=input.value.trim();if(query){input.setCustomValidity('');this._emit({action:'search',query});}else{input.setCustomValidity('Lütfen bir ürün veya taş adı yazın.');input.reportValidity();}}); root.querySelector('input').addEventListener('input',event=>event.target.setCustomValidity('')); root.querySelector('.drawer').addEventListener('close',()=>root.querySelector('.menu-toggle').setAttribute('aria-expanded','false')); root.querySelectorAll('dialog').forEach(dialog=>dialog.addEventListener('click',event=>{if(event.target===dialog){const r=dialog.getBoundingClientRect();if(event.clientX<r.left||event.clientX>r.right||event.clientY<r.top||event.clientY>r.bottom)dialog.close();}})); this._scroll=()=>this._update();window.addEventListener('scroll',this._scroll,{passive:true});this._update();if(this.hasAttribute('bridge-ready'))announceAlnisReady(this,'alnis-action'); } _close(){if(this._closeMega)this._closeMega();this.shadowRoot.querySelectorAll('dialog[open]').forEach(x=>x.close());const panel=this.shadowRoot.querySelector('.mega-panel');if(panel){panel.classList.remove('open');panel.setAttribute('aria-hidden','true');this.shadowRoot.querySelectorAll('.nav-open').forEach(button=>button.setAttribute('aria-expanded','false'));}} attributeChangedCallback(name){if(this._mounted){this._update();if(name==='bridge-ready')announceAlnisReady(this,'alnis-action');if(name==='account-open'){this._close();this.shadowRoot.querySelector('.account-dialog').showModal();}}} _update(){ const root=this.shadowRoot;if(!root)return; const y=Math.max(Number(this.getAttribute('scroll-y'))||0,window.scrollY||0); root.querySelector('.header').classList.toggle('compact',y>90||(this.getAttribute('solid')==='true'&&window.matchMedia('(max-width:768px)').matches)); root.querySelector('.header').classList.toggle('solid',this.getAttribute('solid')==='true'); const base=this.getAttribute('base-url')||''; root.querySelectorAll('[data-path]').forEach(a=>a.setAttribute('href',base.replace(/\/$/,'')+a.dataset.path)); root.querySelector('.message').textContent=this.getAttribute('status')||''; const loggedIn=this.getAttribute('member-state')==='true'; const memberName=loggedIn?(this.getAttribute('member-name')||'').trim():''; root.querySelector('.account-greeting').textContent=loggedIn?'Merhaba':'Hesabım'; const nameLabel=root.querySelector('.account-name'); nameLabel.textContent=memberName;nameLabel.hidden=!memberName; root.querySelectorAll('[data-action="account"] span').forEach(label=>label.textContent=loggedIn?'Hesabım':'Oturum açma'); root.querySelector('.account-status').textContent=this.getAttribute('account-status')||''; const logout=root.querySelector('.account-logout');logout.disabled=this.getAttribute('logout-busy')==='true';logout.textContent=logout.disabled?'Çıkış yapılıyor…':'Çıkış Yap'; logout.hidden=!loggedIn;root.querySelector('.account-login').hidden=loggedIn; } disconnectedCallback(){if(this._closeMega)this._closeMega();if(this._scroll)window.removeEventListener('scroll',this._scroll);} } if(!customElements.get('wix-default-custom-element'))customElements.define('wix-default-custom-element',AlnisHeader); const fallbackProducts=[{"href": "/product-page/alnis-atelier-trio-uykusuzluk-doğal-taş-bileklik", "image": "https://static.wixstatic.com/media/476921_e019b76c966142d0843c1cb4fa8dec66~mv2.jpg", "name": "Lal Taşı, Pembe Kuvars ve Ametist Doğal Taş Bileklik | 8 mm Trio", "slug": "alnis-atelier-trio-uykusuzluk-doğal-taş-bileklik"}, {"href": "/product-page/alnis-atelier-trio-konsantrasyon-doğal-taş-bileklik", "image": "https://static.wixstatic.com/media/476921_539274e7d81f4b15964d333b76a49d80~mv2.jpg", "name": "Oniks, Lav Taşı ve Hematit Doğal Taş Bileklik | 8 mm Trio", "slug": "alnis-atelier-trio-konsantrasyon-doğal-taş-bileklik"}, {"href": "/product-page/alnis-atelier-ametist-ve-oniks-doğal-taş-bileklik", "image": "https://static.wixstatic.com/media/476921_9cc9f9d34357416cb29e820c7f977d7e~mv2.jpg", "name": "Ametist ve Oniks Makrome Bileklik | 8 mm Zirkon Aparatlı", "slug": "alnis-atelier-ametist-ve-oniks-doğal-taş-bileklik"}, {"href": "/product-page/alnis-atelier-lal-taşı-doğal-taş-bileklik", "image": "https://static.wixstatic.com/media/476921_16a605ae552d442d8a4fdacb94e2ed47~mv2.jpg", "name": "Lal Taşı, Akik ve Ay Taşı Doğal Taş Bileklik | 8 mm", "slug": "alnis-atelier-lal-taşı-doğal-taş-bileklik"}, {"href": "/product-page/ametist-doğal-taş-bileklik", "image": "https://static.wixstatic.com/media/476921_af6422055c5d40c1a3308b74f89f1b8c~mv2.jpg", "name": "Ametist Doğal Taş Bileklik | 8 mm Çelik Kaplama Aparatlı", "slug": "ametist-doğal-taş-bileklik"}, {"href": "/product-page/oniks-ve-lav-taşı-doğal-taş-erkek-bileklik-kombin", "image": "https://static.wixstatic.com/media/476921_e3a57f9742d340e3a6cd996d217ba18e~mv2.jpg", "name": "Oniks, Lav Taşı ve Ardıç Ağacı Erkek Bileklik Seti | Deri Bileklikli", "slug": "oniks-ve-lav-taşı-doğal-taş-erkek-bileklik-kombin"}, {"href": "/product-page/havlit-ve-oniks-doğal-taş-erkek-bileklik-kombin-1", "image": "https://static.wixstatic.com/media/476921_0b9730d92f6c42338006026b5593f5c0~mv2.jpg", "name": "Havlit ve Oniks Doğal Taş Erkek Bileklik Seti | 8 mm", "slug": "havlit-ve-oniks-doğal-taş-erkek-bileklik-kombin-1"}, {"href": "/product-page/kaplan-gözü-ve-hint-akik-doğal-taş-erkek-bileklik-kombin", "image": "https://static.wixstatic.com/media/476921_de143b9921c74a3e8de09ccf384ed1fb~mv2.jpg", "name": "Kaplan Gözü ve Hint Akiği Erkek Bileklik Seti | Mıknatıslı Deri Bileklikli", "slug": "kaplan-gözü-ve-hint-akik-doğal-taş-erkek-bileklik-kombin"}, {"href": "/product-page/oniks-ve-jasper-doğal-taş-erkek-bileklik-kombin", "image": "https://static.wixstatic.com/media/476921_d8e33f9a2acd4eec9999a2a93fee6311~mv2.jpg", "name": "Oniks, Jasper ve Ardıç Ağacı Erkek Bileklik Seti | Deri Bileklikli", "slug": "oniks-ve-jasper-doğal-taş-erkek-bileklik-kombin"}, {"href": "/product-page/kaplan-gözü-ve-jasper-doğal-taş-erkek-bileklik-kombin", "image": "https://static.wixstatic.com/media/476921_dbd03e2b6ceb4a2c807a0232b7b92b4f~mv2.jpg", "name": "Kaplan Gözü ve Jasper Erkek Bileklik Seti | 8 mm, Deri Bileklikli", "slug": "kaplan-gözü-ve-jasper-doğal-taş-erkek-bileklik-kombin"}, {"href": "/product-page/mat-oniks-doğal-taş-erkek-bileklik", "image": "https://static.wixstatic.com/media/476921_fead4d3268914e9ab3e092f8783e4ea1~mv2.jpg", "name": "Mat Oniks Doğal Taş Erkek Bileklik | 8 mm Kaplan Gözü Aparatlı", "slug": "mat-oniks-doğal-taş-erkek-bileklik"}, {"href": "/product-page/kristal-kuvars-doğal-taş-bayan-kolye", "image": "https://static.wixstatic.com/media/476921_dacf71df75b840d2a42008a58554ddeb~mv2.jpg", "name": "Kristal Kuvars Doğal Taş Kolye | Altıgen Kesim, 50 cm Çelik Zincir", "slug": "kristal-kuvars-doğal-taş-bayan-kolye"}]; /* Alnis homepage opening. Existing Alnis assets are provisional selections. */ class AlnisHome extends HTMLElement { static get observedAttributes(){return ['bridge-ready','products'];} connectedCallback(){ if(this.shadowRoot)return; const tiles=[ ['Kadın','/kadin','476921_e019b76c966142d0843c1cb4fa8dec66~mv2.jpg'], ['Erkek','/erkek','476921_539274e7d81f4b15964d333b76a49d80~mv2.jpg'], ['Doğal Taş Bileklikler','/urunler','476921_99a59dac1b8147e7b121a46e4ccf2462~mv2.jpg'], ['Tüm Ürünler','/urunler','476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg'], ['Tesbih','/tesbih','476921_67a1435f76be406899f92e6a425da991~mv2.jpg'], ['Deep Black','/deepblack',fallbackProducts[5].image.split('/media/')[1]], ['Çok Satanlar','/coksatan',fallbackProducts[10].image.split('/media/')[1]], ['Hediyeler','/urunler','476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg'] ]; const root=this.attachShadow({mode:'open'}); root.innerHTML=`<style> :host{display:block;width:100%;height:auto;font-family:Arial,sans-serif;color:#171717}*{box-sizing:border-box}h1,h2,p{margin:0}a{color:inherit}button{font:inherit} .hero{height:831px;margin-top:-139px;position:relative;background:#665748;color:white;overflow:hidden} video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 72%)} .hero-copy{position:absolute;left:5%;top:435px;max-width:606px;padding-right:20px} .hero h1{font:400 47px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em} .hero p{font-size:21px;line-height:1.4;margin-top:8px} .actions{display:flex;gap:10px;margin-top:27px} .cta{height:40px;min-width:228px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;padding:0 22px;text-decoration:none;font-size:14px;transition:background .2s,color .2s} .cta.primary{background:#fff;color:#171717;border-color:#fff}.cta.secondary{color:#fff;background:transparent}.cta:hover{background:#171717;color:#fff;border-color:#171717} .video-control{position:absolute;right:24px;bottom:24px;width:36px;height:36px;border:1px solid white;border-radius:50%;color:white;background:rgba(0,0,0,.2);cursor:pointer} .intro{min-height:300px;height:auto;background:#f4f0e8;text-align:center;padding:55px 7% 50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start} .intro h2,.categories h2{font:400 47px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em} .intro p{max-width:1000px;font-size:16px;line-height:1.5;margin-top:23px} .categories{height:auto;min-height:990px;background:white;padding:70px 0 45px;text-align:center;overflow:hidden} .categories h2{margin-bottom:40px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 5px} .tile{text-decoration:none;min-width:0}.tile img{display:block;width:100%;height:min(25vw,370px);object-fit:cover;background:#f4f0e8;transition:filter .2s}.tile:hover img{filter:brightness(.95)}.tile span{display:block;font-size:16px;line-height:24px;margin:22px 8px 0} .trust-mobile{display:none}.trust-strip{background:#fff;padding:18px 6%;text-align:center}.trust-strip img{display:block;width:100%;max-width:1200px;height:auto;margin:auto}.page{display:flow-root;background:#fff}.product-section{height:auto;min-height:550px;padding:42px 0 30px;background:#fff;position:relative;text-align:center}.product-section h2{font:400 30px/1.2 Georgia,serif;margin-bottom:30px}.product-section .all{position:absolute;top:52px;right:5%;font-size:14px;text-underline-offset:4px}.product-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 4% 16px;scrollbar-color:#555 #eee}.product-card{flex:0 0 23%;min-width:0;text-decoration:none;text-align:left;scroll-snap-align:start}.product-card img{width:100%;height:280px;object-fit:contain;background:#f3f3f3}.product-card .name{display:block;font-size:14px;line-height:20px;margin-top:15px;min-height:40px}.product-card .price{display:block;font-size:14px;margin-top:9px}.carousel-arrow{position:absolute;top:245px;border:0;border-radius:50%;background:rgba(255,255,255,.95);width:40px;height:40px;font-size:24px;cursor:pointer;z-index:1}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-arrow:disabled{opacity:.3;cursor:default}.product-track:focus-visible{outline:2px solid #171717;outline-offset:-2px} .story{display:grid;grid-template-columns:1fr 1fr;min-height:936px;background:#fff}.story.reverse .story-media{order:2}.story-media{height:936px;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover;display:block}.story-copy{align-self:center;padding:75px 16.6%;text-align:left}.story h2{font:400 30px/1.2 Georgia,serif;margin:0 0 26px}.story p{font:16px/1.55 Arial,sans-serif;margin:0 0 32px}.story a{font-size:16px;text-underline-offset:5px}.story .eyebrow{font-size:16px;margin-bottom:14px}.story.packaging img{object-fit:contain;background:#f7f6f2}.secondary-categories{height:620px;padding-top:100px}.secondary-categories .tiles{grid-template-columns:repeat(4,minmax(0,1fr))} .journal-intro{text-align:center;background:white;padding:80px 24px 0}.journal-intro h2{font:400 47px/1.2 Georgia,serif}.journal{padding:80px 4% 100px;background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.journal article{min-width:0}.journal img{width:100%;height:510px;object-fit:cover;display:block}.journal h2{font:400 27px/1.2 Georgia,serif;margin:30px 0 22px}.journal p{font-size:16px;line-height:1.6;margin-bottom:24px}.journal a{font-size:16px;text-underline-offset:4px}.journal article:first-child{display:flex;flex-direction:column}.journal article:first-child img{order:2;margin-top:32px}.journal article:first-child h2{margin-top:170px}.membership{min-height:340px;background:#8ab7e5;display:grid;grid-template-columns:2fr 1fr;align-items:center;padding:50px 10%;gap:8%;text-align:center}.membership h2{font:400 30px/1.2 Georgia,serif;margin-bottom:24px}.membership p{font-size:16px;line-height:1.6;margin-bottom:28px}.membership .cta{color:#fff;background:#000;border-color:#000}.membership img{height:210px;width:100%;object-fit:contain;mix-blend-mode:multiply} /* v45: desktop hero spacing and CTA dimensions. */ @media(min-width:1141px){.hero p{margin-top:0}.hero .actions{margin-top:40px}.hero .cta{min-width:230px;font-size:16px}} /* v44: desktop membership panel dimensions and reference blue. */ @media(min-width:1141px){.membership{min-height:334px;background:#8dbaed}.membership .cta{min-width:230px;height:40px}} /* v40: desktop editorial cards follow the reference image-first grid. */ @media(min-width:769px){ .journal{padding:34px 34px 68px;gap:55px} .journal img{height:auto;aspect-ratio:3/4} .journal h2{margin:34px 0 34px} .journal p{margin-bottom:34px} .journal article:first-child{display:block} .journal article:first-child img{margin-top:0} .journal article:first-child h2{margin-top:34px} } /* v39: desktop editorial rhythm and secondary category height. */ @media(min-width:769px){ .story-copy{padding:0 16.6%} .story h2{margin:0 0 21px} .story p{line-height:1.6;margin-bottom:34px} .story .eyebrow{line-height:1.4;margin-bottom:8px} .secondary-categories{height:auto;min-height:0} } /* v38: align desktop category grids with the product rails. */ @media(min-width:769px){ .categories .tiles{gap:30px 16px;padding-inline:16px} .categories .tile img{height:auto;aspect-ratio:1} } /* v37: desktop home product cards; mobile layout remains unchanged. */ @media(min-width:769px){ .product-track{gap:16px;padding:0 16px 16px;scroll-padding-inline:16px} .product-card{flex-basis:calc((100% - 48px)/4)} .product-card .name{font-size:12px;font-weight:700;line-height:16px;color:#000;min-height:32px} .product-card .price{font-size:13px;line-height:16px;color:#000} .carousel-arrow{border-radius:0;background:#000;color:#fff} .carousel-arrow.prev{left:16px}.carousel-arrow.next{right:16px} } @media(max-width:768px){ .product-section{height:auto;min-height:440px;padding:38px 0 24px}.product-section h2{font-size:27px;text-align:left;margin:0 20px}.product-section .all{position:static;display:block;text-align:left;margin:12px 20px 24px;font-size:13px}.product-track{padding:0 20px 14px;gap:10px}.product-card{flex-basis:68%}.product-card img{height:205px}.product-card .name{font-size:13px;line-height:18px}.carousel-arrow{top:52%;width:30px;height:30px;font-size:20px}.carousel-arrow.prev{left:4px}.carousel-arrow.next{right:4px} .story{display:flex;flex-direction:column;min-height:0}.story.reverse .story-media{order:0}.story-media{height:125vw;max-height:640px}.story-copy{padding:48px 24px 60px;align-self:stretch}.story h2{font-size:27px;margin-bottom:21px}.story p{font-size:14px;line-height:1.6;margin-bottom:24px}.story a{font-size:14px}.secondary-categories{height:auto;min-height:0;padding:60px 0}.secondary-categories .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-intro{padding:40px 24px 0}.journal-intro h2{font-size:30px}.journal{display:block;padding:35px 20px 55px}.journal article{margin-bottom:50px}.journal article:first-child{display:block}.journal article:first-child h2{margin-top:26px}.journal article:first-child img{margin-top:0}.journal img{height:115vw;max-height:520px}.journal h2{font-size:27px;margin-top:26px}.journal p{font-size:14px}.membership{display:flex;flex-direction:column;padding:50px 24px;min-height:0}.membership h2{font-size:27px}.membership p{font-size:14px}.membership img{display:none}.membership .cta{flex:none;min-width:228px} } a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px} @media(max-width:768px){ .trust-strip{padding:24px 12px}.trust-strip>img{display:none}.trust-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;color:#171717}.trust-mobile span{font-size:11px;line-height:1.4;display:flex;align-items:center;flex-direction:column;gap:10px}.trust-mobile svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.35;fill:none;stroke-linecap:round;stroke-linejoin:round} :host{height:auto}.hero{margin-top:-116px;height:720px}.hero-copy{left:20px;right:20px;top:auto;bottom:100px;padding:0;text-align:left}.hero h1{font-size:32px;line-height:1.2}.hero p{font-size:17px;margin-top:10px}.actions{gap:8px;margin-top:24px}.cta{min-width:0;flex:1;font-size:12px;height:42px;padding:0 12px}.video-control{right:15px;bottom:20px} .intro{min-height:300px;height:auto;padding:56px 24px 40px}.intro h2,.categories h2{font-size:30px;line-height:1.2}.intro p{font-size:14px;line-height:1.5;margin-top:22px} .categories{height:auto;min-height:0;padding:50px 0 30px}.categories h2{padding:0 20px;margin-bottom:32px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.tile img{height:calc(50vw - 3px);max-height:240px}.tile span{font-size:14px;margin:12px 5px 0;line-height:20px} } @media(prefers-reduced-motion:reduce){*{transition:none!important}} </style> <div class="page"><section class="hero" aria-label="Alnis Atelier koleksiyonu"> <video autoplay muted loop playsinline preload="metadata" poster="https://static.wixstatic.com/media/476921_75e26d9011f14db4a7d1e6b48118f9a7f000.jpg"><source src="https://video.wixstatic.com/video/476921_75e26d9011f14db4a7d1e6b48118f9a7/720p/mp4/file.mp4" type="video/mp4"></video> <div class="shade"></div><div class="hero-copy"><h1>Alnis Atelier</h1><p>Bijoux & Accessories</p><div class="actions"><a class="cta primary" href="/urunler">Alışverişe Başla</a><a class="cta secondary" href="/kadin">Koleksiyonu Keşfet</a></div></div><button class="video-control" aria-label="Videoyu duraklat">Ⅱ</button> </section> <div class="trust-strip"><img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_1b34162b2d8641fc8b266f37c846a5e6~mv2.jpg',1200,180)} alt="Ücretsiz Kargo • %100 Güvenli Alışveriş • İade Hakkı"><div class="trust-mobile"><span><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M2 7h17v16H2zM19 12h6l5 6v5H19"/><circle cx="8" cy="24" r="3"/><circle cx="25" cy="24" r="3"/></svg>Ücretsiz Kargo</span><span><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3 28 8v8c0 6-7 11-12 14C11 27 4 22 4 16V8zM10 16l4 4 8-9"/></svg>%100 Güvenli Alışveriş</span><span><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M6 10a12 12 0 1 1-2 13M6 3v8h8"/></svg>İade Hakkı</span></div></div> <section class="intro"><h2>Doğal Taş Takı Koleksiyonu</h2><p>Kendine yakışanı bul. Tüm tasarımlarımızı keşfet.</p></section> <section class="categories"><h2>Kategoriye göre alışveriş yap</h2><div class="tiles">${tiles.map(([label,path,asset])=>`<a class="tile" href="${path}"><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/'+asset,720,720)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/'+asset,720,720)} alt="${label}" loading="lazy"></picture><span>${label}</span></a>`).join('')}</div></section> <section class="product-section" aria-label="Çok Satanlar"><h2>Çok Satanlar</h2><a class="all" href="/coksatan">Daha Fazla Ürün</a><button class="carousel-arrow prev" aria-label="Önceki ürünler">‹</button><div class="product-track" data-set="0" tabindex="0" role="group" aria-label="Çok satan ürünler; kaydırarak keşfedin"></div><button class="carousel-arrow next" aria-label="Sonraki ürünler">›</button></section> <section class="story"><div class="story-media"><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/476921_4673a65efd0544e3b30973f6dc7235f2~mv2.png',680,936)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_4673a65efd0544e3b30973f6dc7235f2~mv2.png',680,936)} alt="Alnis Atelier doğal taş takıları" loading="lazy"></picture></div><div class="story-copy"><h2>Doğal Taşları Yakından Tanıyın</h2><p>Taşların özellikleri ve takı bakımına dair yazılarımızı keşfedin.</p><a href="/blog">Yazıları Keşfet</a></div></section> <section class="story reverse packaging"><div class="story-media"><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg',680,936)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg',680,936)} alt="Alnis Atelier hediye kutusu" loading="lazy"></picture></div><div class="story-copy"><h2>Kendine Yakışanı Bul</h2><p>Tüm tasarımlarımızı keşfet.</p><a href="/urunler">Alışverişe Başla</a></div></section> <section class="product-section" aria-label="Doğal Taş Takı Koleksiyonu"><h2>Doğal Taş Takı Koleksiyonu</h2><a class="all" href="/urunler">Tüm Ürünler</a><button class="carousel-arrow prev" aria-label="Önceki ürünler">‹</button><div class="product-track" data-set="1" tabindex="0" role="group" aria-label="Doğal taş koleksiyonu; kaydırarak keşfedin"></div><button class="carousel-arrow next" aria-label="Sonraki ürünler">›</button></section> <section class="story reverse"><div class="story-media"><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/476921_75e26d9011f14db4a7d1e6b48118f9a7f000.jpg',680,936)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_75e26d9011f14db4a7d1e6b48118f9a7f000.jpg',680,936)} alt="Alnis Atelier doğal taş kolye koleksiyonu" loading="lazy"></picture></div><div class="story-copy"><p class="eyebrow">Alnis Atelier</p><h2>Bijoux & Accessories</h2><p>Doğal Taş Takı Koleksiyonu</p><a href="/kadin">Koleksiyonu Keşfet</a></div></section> <section class="categories secondary-categories"><h2>Kategoriye göre alışveriş</h2><div class="tiles">${tiles.slice(0,4).map(([label,path,asset])=>`<a class="tile" href="${path}"><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/'+asset,720,720)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/'+asset,720,720)} alt="${label}" loading="lazy"></picture><span>${label}</span></a>`).join('')}</div></section> <div class="journal-intro"><h2>Alnis Atelier Dünyası</h2></div><section class="journal" aria-label="Alnis Atelier dünyası"> <article><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/476921_4673a65efd0544e3b30973f6dc7235f2~mv2.png',480,640)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_4673a65efd0544e3b30973f6dc7235f2~mv2.png',480,640)} alt="Doğal taşlar" loading="lazy"></picture><div><h2>Doğal Taşları Yakından Tanıyın</h2><p>Taşların özellikleri ve takı bakımına dair yazılarımızı keşfedin.</p><a href="/blog">Yazıları Keşfet</a></div></article> <article><picture style="display:contents">${alnisMobileSources(fallbackProducts[10].image,480,640)}<img ${alnisImageAttrs(fallbackProducts[10].image,480,640)} alt="Doğal taş bileklik" loading="lazy"></picture><h2>Kullanma ve Bakım Kılavuzu</h2><a href="/kullanma-ve-bakim">Keşfet</a></article> <article><picture style="display:contents">${alnisMobileSources('https://static.wixstatic.com/media/476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg',480,640)}<img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg',480,640)} alt="Alnis Atelier" loading="lazy"></picture><h2>Alnis Atelier</h2><p>Bijoux & Accessories</p><a href="/hakkimizda">Hakkımızda</a></article> </section> <section class="membership"><div><h2>Alnis Atelier</h2><p>Bijoux & Accessories</p><a class="cta" href="/account/hesabim">Hesabım</a></div><img ${alnisImageAttrs('https://static.wixstatic.com/media/476921_2d62c5fa82f541409aa0565a2bcb9561~mv2.jpg',320,240)} alt="Alnis Atelier hediye kutusu" loading="lazy"></section> </div> `; this._renderProducts(); root.querySelectorAll('.product-section').forEach(section=>{ const track=section.querySelector('.product-track'),prev=section.querySelector('.prev'),next=section.querySelector('.next'); const update=()=>{prev.disabled=track.scrollLeft<=2;next.disabled=track.scrollLeft+track.clientWidth>=track.scrollWidth-2;}; const move=direction=>track.scrollBy({left:track.clientWidth*.8*direction,behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'}); prev.addEventListener('click',()=>move(-1));next.addEventListener('click',()=>move(1));track.addEventListener('scroll',update,{passive:true}); track.addEventListener('keydown',event=>{if(event.target===track&&['ArrowLeft','ArrowRight'].includes(event.key)){event.preventDefault();move(event.key==='ArrowRight'?1:-1);}}); const observer=new ResizeObserver(update);observer.observe(track);this._observers=(this._observers||[]).concat(observer);update(); }); const video=root.querySelector('video'), control=root.querySelector('.video-control'); video.muted=true; const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches; if(reduced){video.removeAttribute('autoplay');video.pause();control.textContent='▷';control.setAttribute('aria-label','Videoyu oynat');} const syncVideo=()=>{control.textContent=video.paused?'▷':'Ⅱ';control.setAttribute('aria-label',video.paused?'Videoyu oynat':'Videoyu duraklat');}; video.addEventListener('play',syncVideo);video.addEventListener('pause',syncVideo);video.addEventListener('error',syncVideo); control.addEventListener('click',()=>{if(video.paused)video.play().catch(syncVideo);else video.pause();});syncVideo(); root.addEventListener('click',event=>{const a=event.target.closest('a');if(a&&a.getAttribute('href').startsWith('/')&&this.hasAttribute('bridge-ready')){event.preventDefault();this.dispatchEvent(new CustomEvent('alnis-home-action',{detail:{action:'navigate',path:a.getAttribute('href')},bubbles:true,composed:true}));}}); if(this.hasAttribute('bridge-ready'))this._ready(); } disconnectedCallback(){(this._observers||[]).forEach(observer=>observer.disconnect());} _ready(){announceAlnisReady(this,'alnis-home-action');} attributeChangedCallback(name){if(!this.shadowRoot)return;if(name==='products')this._renderProducts();else this._ready();} _renderProducts(){ let products=fallbackProducts;try{const supplied=JSON.parse(this.getAttribute('products')||'[]');if(supplied.length)products=supplied;}catch(e){} const safe=s=>String(s||'').replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); this.shadowRoot.querySelectorAll('.product-track').forEach(track=>{const list=track.dataset.set==='1'?[...products.slice(6),...products.slice(0,6)]:products;track.innerHTML=list.map(p=>`<a class="product-card" href="${safe(p.href)}"><img ${alnisImageAttrs(p.image,360,280)} alt="${safe(p.name)}" loading="lazy"><span class="name">${safe(p.name)}</span>${p.price?`<span class="price">${safe(p.price)}</span>`:''}</a>`).join('');}); } } if(!customElements.get('alnis-home'))customElements.define('alnis-home',AlnisHome); class AlnisFooter extends HTMLElement { static get observedAttributes(){return ['bridge-ready','newsletter-open'];} connectedCallback(){ if(this.shadowRoot)return; const root=this.attachShadow({mode:'open'}); root.innerHTML=`<style>:host{display:block;width:100%;height:auto;font:14px Arial,sans-serif;background:transparent;pointer-events:none}:host([newsletter-open="true"]){padding-top:350px}*{box-sizing:border-box}a{color:inherit}a:focus-visible,button:focus-visible,h3:focus-visible{outline:2px solid currentColor;outline-offset:4px} .footer{pointer-events:auto;background:#000;color:#a9a9a9;padding:55px 10% 35px;font-size:14px;line-height:1.6}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5%;padding-bottom:60px}.footer h3{font:700 13px/1.4 Arial,sans-serif;color:#eee;margin:0 0 28px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:0 0 14px}.footer a{text-decoration:none}.footer a:hover{color:white;text-decoration:underline}.footer button{padding:0;border:0;color:inherit;background:none;cursor:pointer;font:inherit}.footer button:hover{color:white;text-decoration:underline}.footer-meta{border-top:1px solid #444;padding-top:35px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font:400 43px/1.2 Georgia,serif;color:white;letter-spacing:.05em}.footer-tagline{font:italic 17px Georgia,serif;color:#bbb;margin-top:8px}.etbis img{width:70px;height:80px;object-fit:contain;background:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;font-size:12px}.payments{width:min(400px,45%);height:60px;object-fit:contain;background:white}.socials{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin-top:30px}.locale{font-size:13px;margin-bottom:26px} /* v42: desktop footer uses the reference content-sized columns. */ @media(min-width:1141px){.footer-columns{display:flex;justify-content:space-between;gap:32px;max-width:1080px;margin:0 auto;padding-bottom:55px}.footer-column{min-width:0;max-width:25%}.footer-columns li{font-size:13px;line-height:1.2;margin-bottom:21px}.footer-columns li:last-child{margin-bottom:0}.footer h3{margin-bottom:34px}} @media(max-width:768px){:host([newsletter-open="true"]){padding-top:520px}.footer{padding:35px 24px;font-size:13px}.footer-columns{display:block;padding-bottom:20px}.footer-column{border-bottom:1px solid #333;margin-bottom:18px}.footer h3{margin-bottom:18px;cursor:pointer;display:flex;justify-content:space-between}.footer h3:after{content:'+';font-weight:400}.footer-column.open h3:after{content:'−'}.footer-column ul{display:none}.footer-column.open ul{display:block;padding-bottom:10px}.footer-meta{padding-top:25px;gap:12px}.footer-brand{font-size:23px}.footer-tagline{font-size:13px}.etbis img{width:58px;height:67px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;font-size:11px}.payments{width:100%;height:auto;max-height:55px}.socials{gap:15px;line-height:1.8;margin-top:25px}.locale{margin-bottom:20px}} /* v43: readable footer links and comfortable mobile touch targets. */ @media(min-width:769px){.footer-columns li{font-size:14px;line-height:1.5}.footer h3{letter-spacing:.04em}.socials a{line-height:1.8}} @media(max-width:768px){.footer{font-size:14px}.footer h3{min-height:48px;margin:0;align-items:center;gap:16px}.footer-column{margin-bottom:8px}.footer-column li{margin:0}.footer-column a,.footer-column button{display:flex;align-items:center;min-height:44px;line-height:1.5;padding:8px 0;text-align:left}.socials{gap:4px 18px}.socials a{display:inline-flex;align-items:center;min-height:44px}.footer-meta{flex-wrap:wrap}} /* Mobile spacing revision: compact footer with wrapping, touch-friendly social links. */ @media(max-width:768px){.footer{padding:24px 20px}.footer-columns{padding-bottom:14px}.footer-column{margin-bottom:4px}.footer h3{min-height:48px}.locale{margin-bottom:14px}.footer-meta{padding-top:18px;gap:12px;flex-wrap:nowrap}.footer-meta>div{min-width:0}.footer-brand{font-size:clamp(18px,5.2vw,23px);letter-spacing:.025em}.footer-tagline{font-size:12px;line-height:1.4;margin-top:6px}.etbis{flex:0 0 58px}.socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-top:16px;font-size:12px;line-height:1.4}.socials a{min-width:0;min-height:44px;overflow-wrap:anywhere}.footer-bottom{margin-top:20px;gap:14px}.payments{max-width:100%;height:auto}} </style> <footer class="footer"><div class="footer-columns"> <div class="footer-column"><h3 tabindex="0" role="button" aria-expanded="false">MÜŞTERİ HİZMETLERİ</h3><ul><li><a href="/account/siparislerim">Sipariş ve Kargo Takip</a></li><li><a href="/faq">Sıkça Sorulan Sorular</a></li><li><a href="/iadepolitikasi">İptal ve İade Koşulları</a></li><li><a href="/kullanma-ve-bakim">Kullanma ve Bakım Kılavuzu</a></li><li><a href="/iletisim">Bize Ulaşın</a></li><li><a href="https://wa.me/908508400802">0850 840 08 02</a></li><li><a href="mailto:info@alnisatelier.com">info@alnisatelier.com</a></li></ul></div> <div class="footer-column"><h3 tabindex="0" role="button" aria-expanded="false">ÜYELİK</h3><ul><li><a href="/account/hesabim">Hesabım</a></li><li><a href="/account/favoriurunlerim">Favorilerim</a></li><li><button class="newsletter-open">E-Bültene Kayıt</button></li></ul></div> <div class="footer-column"><h3 tabindex="0" role="button" aria-expanded="false">HAKKIMIZDA</h3><ul><li><a href="/hakkimizda">Alnis Atelier</a></li><li><a href="/blog">Blog</a></li><li><a href="/iletisim">İletişim</a></li><li><a href="https://www.trendyol.com/magaza/alnis-atelier-m-109082?sst=0">Trendyol</a></li><li><a href="https://www.hepsiburada.com/magaza/alnisatelier?kategori=2147483617">Hepsiburada</a></li><li><a href="https://www.ciceksepeti.com/tum-urunler?storeid=2686">Çiçeksepeti</a></li><li><a href="https://www.n11.com/magaza/alnisatelier">N11</a></li><li><a href="https://www.pazarama.com/magaza/alnis-atelier">Pazarama</a></li></ul></div> <div class="footer-column"><h3 tabindex="0" role="button" aria-expanded="false">YASAL KOŞULLAR</h3><ul><li><a href="/sartlarvekosullar">Şartlar ve Koşullar</a></li><li><a href="/gizlilikkurallari">KVK ve Gizlilik Kuralları</a></li><li><a href="/iadepolitikasi">İade Politikası</a></li></ul></div> </div><div class="locale">Türkiye   |   Türkçe</div><div class="footer-meta"><div><div class="footer-brand">ALNIS ATELIER</div><div class="footer-tagline">Bijoux & Accessories</div></div><a class="etbis" href="https://www.eticaret.gov.tr/SirketSorgula/p=?www.alnisatelier.com" aria-label="ETBİS kayıt sorgulama"><img src="https://static.wixstatic.com/media/476921_c81640fae1ca4049b34f3db7c7187c3c~mv2.jpg" alt="ETBİS kayıt sorgulama karekodu" loading="lazy"></a></div><div class="socials"><a href="https://www.facebook.com/AlnisAtelier">Facebook</a><a href="https://www.instagram.com/alnisatelier/?hl=tr">Instagram</a><a href="https://twitter.com/AlnisAtelier">Twitter</a><a href="https://tr.pinterest.com/alnisatelier/">Pinterest</a><a href="https://www.youtube.com/channel/UCeloa7s_eIZTQgRKdaoc1dA">YouTube</a></div><div class="footer-bottom"><span>© Alnis Atelier. Tüm Hakları Saklıdır.</span><img class="payments" src="https://static.wixstatic.com/media/476921_1afc3aa9eed544d69e3612326642fb21~mv2.png" alt="iyzico ve desteklenen ödeme kartları" loading="lazy"></div></footer>`; const mobile=window.matchMedia('(max-width:768px)'); const syncHeadings=()=>root.querySelectorAll('.footer h3').forEach(title=>{if(mobile.matches){title.setAttribute('role','button');title.tabIndex=0;title.setAttribute('aria-expanded',String(title.parentElement.classList.contains('open')));}else{title.removeAttribute('role');title.removeAttribute('tabindex');title.removeAttribute('aria-expanded');}}); root.querySelectorAll('.footer h3').forEach(title=>{const toggle=()=>{if(!mobile.matches)return;const open=title.parentElement.classList.toggle('open');title.setAttribute('aria-expanded',String(open));};title.addEventListener('click',toggle);title.addEventListener('keydown',e=>{if(mobile.matches&&(e.key==='Enter'||e.key===' ')){e.preventDefault();toggle();}});});syncHeadings();mobile.addEventListener('change',syncHeadings); root.querySelector('.newsletter-open').setAttribute('aria-expanded',this.getAttribute('newsletter-open')==='true'?'true':'false'); root.querySelector('.newsletter-open').addEventListener('click',()=>this.dispatchEvent(new CustomEvent('alnis-footer-action',{detail:{action:'newsletter'},bubbles:true,composed:true}))); root.addEventListener('click',event=>{const a=event.target.closest('a');if(a&&a.getAttribute('href').startsWith('/')&&this.hasAttribute('bridge-ready')){event.preventDefault();this.dispatchEvent(new CustomEvent('alnis-footer-action',{detail:{action:'navigate',path:a.getAttribute('href')},bubbles:true,composed:true}));}}); if(this.hasAttribute('bridge-ready'))this._ready(); } _ready(){announceAlnisReady(this,'alnis-footer-action');} attributeChangedCallback(name){ if(!this.shadowRoot)return; if(name==='bridge-ready')this._ready(); if(name==='newsletter-open'){const open=this.getAttribute(name)==='true';const button=this.shadowRoot.querySelector('.newsletter-open');button.textContent=open?'E-Bülteni Kapat':'E-Bültene Kayıt';button.setAttribute('aria-expanded',String(open));} } } if(!customElements.get('alnis-footer'))customElements.define('alnis-footer',AlnisFooter); class AlnisStoneGuide extends HTMLElement {connectedCallback(){(function stoneGuideInit(){if(this.shadowRoot)return;const section=this.closest('section');if(section)section.style.minHeight='2862px';if(this.parentElement)this.parentElement.style.height='2860px';const root=this.attachShadow({mode:'open'});const stones=[{"name":"Ametist","description":"Açık liladan koyu mora uzanan büyüleyici renk geçişleri.","color":"Pembe & mor","href":"https://www.alnisatelier.com/ametist","image":"https://static.wixstatic.com/media/476921_5600bc1680d14dafad25ac52eacdaca6~mv2.png","benefits":"Geleneksel inanışlarda huzur, mutluluk ve olumlu enerjinin sembolüdür. Sakinlik, iç denge ve dingin bir ortam oluşturma niyetleriyle ilişkilendirilir.","zodiac":["Yengeç","Aslan","Akrep","Oğlak"]},{"name":"Ay Taşı","description":"Süt beyazı tonlar ve ışıkla değişen yumuşak yansımalar.","color":"Beyaz & şeffaf","href":"https://www.alnisatelier.com/aytasi","image":"https://static.wixstatic.com/media/476921_4fd0e2ab60c04f5fa93382075cf532cc~mv2.png","benefits":"Geleneksel inanışlarda aşk, dostluk, umut ve şefkatin sembolüdür. İlişkilerde samimiyet, karşılıklı anlayış ve duygularını paylaşma niyetleriyle ilişkilendirilir.","zodiac":["Yengeç","İkizler","Balık","Terazi"]},{"name":"Pembe Kuvars","description":"Yumuşak pembe tonlarında incelikli ve romantik bir ifade.","color":"Pembe & mor","href":"https://www.alnisatelier.com/pembekuvars","image":"https://static.wixstatic.com/media/476921_5971a2146e77454599fa8fdedaa328af~mv2.png","benefits":"Geleneksel anlatılarda iç barış, uyum ve kendine değer vermeyle ilişkilendirilir. Olumlu niyetlere yönelme ve duygusal dengeyi hatırlama amacıyla sembolik olarak seçilir.","zodiac":["Balık","Kova","Yengeç","Terazi","Boğa"]},{"name":"Hematit","description":"Metalik yansımalarla güçlü, modern ve yalın bir ifade.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/hematit","image":"https://static.wixstatic.com/media/476921_ae8c68540fb845eba15e2d1c6afba491~mv2.png","benefits":"Geleneksel inanışlarda denge, sakinlik ve güçlü duruşun sembolüdür. Olumsuzluklardan uzaklaşma, odaklanma ve kendini daha kararlı hissetme niyetleriyle ilişkilendirilir.","zodiac":["Koç","Akrep","Oğlak"]},{"name":"Oniks","description":"Mat ve parlak siyahın zamansız, sade şıklığı.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/oniks","image":"https://static.wixstatic.com/media/476921_e27bd7a5f9784cdaa5a04e2a76283116~mv2.png","benefits":"Geleneksel inanışlarda özgüven, cesaret ve korunmayı temsil eder. Dengeli ilişkiler, kararlı bir duruş ve olumlu düşünme niyetleriyle anılır.","zodiac":["Aslan","Oğlak","Kova"]},{"name":"Kaplan Gözü","description":"Altın kahve yansımalarıyla sıcak ve dikkat çekici bir stil.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/kaplangozu","image":"https://static.wixstatic.com/media/476921_7bc9457e60bd4b15aa2017905394347d~mv2.png","benefits":"Geleneksel inanışlarda cesaret, bağımsızlık ve kararlılığın sembolüdür. Hedeflere yönelme, kendi kararlarının arkasında durma ve uyum niyetleriyle anılır.","zodiac":["Aslan","Başak","Akrep","Yay"]},{"name":"Lapis Lazuli","description":"Lacivert tonlarında, küçük altın renkli dokunuşlarla zengin bir ifade.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/lapis","image":"https://static.wixstatic.com/media/476921_dc055352f00f404e99c70104757805e1~mv2.jpg","benefits":"Geleneksel anlatılarda bilgelik, iç barış ve kendine değer vermeyle ilişkilendirilir. Bakış açısını genişletme, düşüncelerini berraklaştırma ve akıl ile duygular arasında uyum niyetlerini simgeler.","zodiac":["Boğa","Terazi","Yay","Balık"]},{"name":"Aventurin","description":"Yumuşak yeşil tonlarıyla doğadan gelen renk uyumu.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/aventurin","image":"https://static.wixstatic.com/media/476921_b76ce092f4d8415eac7ac7b324c154d6~mv2.jpg","benefits":"Geleneksel inanışlarda motivasyon, uyum ve iç dengeyle ilişkilendirilir. Yeni kararlar ve sakin bir yaklaşım için sembolik bir hatırlatıcı olarak seçilir.","zodiac":["İkizler","Başak","Terazi"]},{"name":"Malahit","description":"Yeşilin farklı tonlarını birleştiren belirgin bantlı desenler.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/malahit","image":"https://static.wixstatic.com/media/476921_704b46e5c8cb473896d76660b974fee3~mv2.png","benefits":"Geleneksel inanışlarda cesaret, neşe ve empatiyle ilişkilendirilir. İletişimde açıklık, karşılıklı anlayış ve olumlu bakış açısı niyetlerini simgeler.","zodiac":["Aslan","Terazi","Oğlak"]},{"name":"Akik","description":"Katmanlı desenler, sıcak tonlar ve her parçada farklı bir karakter.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/akik","image":"https://static.wixstatic.com/media/476921_3e83e6288d1b47d7b6433469c374e7e2~mv2.png","benefits":"Geleneksel inanışlarda cesaret, korunma ve uyumun sembolüdür. Kendini ifade etme, çevreyle bağ kurma ve kararlı davranma niyetleriyle ilişkilendirilir.","zodiac":["Koç","İkizler","Boğa","Aslan","Yay","Başak"]},{"name":"Kehribar","description":"Bal ve karamel tonlarında, ışığı yumuşakça yansıtan bir görünüm.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/amber","image":"https://static.wixstatic.com/media/476921_9a24fc8fe5054166bd2181b6d66a6d8b~mv2.png","benefits":"Geleneksel anlatılarda bereket, cesaret ve zihinsel berraklıkla ilişkilendirilir. Yeni kararlar ve bolluk niyetleri için anlamlı bir sembol olarak seçilir.","zodiac":["Aslan","Başak","Terazi"]},{"name":"Havlit","description":"Beyaz zemin üzerindeki gri damarlarla zarif bir kontrast.","color":"Beyaz & şeffaf","href":"https://www.alnisatelier.com/havlit","image":"https://static.wixstatic.com/media/476921_96517962f56640139094fb53e4beeaa2~mv2.png","benefits":"Geleneksel inanışlarda sabır, huzur ve uyumun sembolüdür. Duyguları daha yumuşak ifade etme, anlayış ve iç denge niyetleriyle ilişkilendirilir.","zodiac":["Terazi","Aslan","Başak","Balık"]},{"name":"Sodalit","description":"Derin mavi ve beyazın hareketli desenlerle buluşması.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/sodalit","image":"https://static.wixstatic.com/media/476921_6d1846c6bfa34ccfaaeadc9bf06a3741~mv2.jpg","benefits":"Geleneksel anlatılarda mantık, berrak düşünce ve iletişimle ilişkilendirilir. Kendini açıkça ifade etme, arkadaşlıkta anlayış ve yaratıcı ilham niyetlerini simgeler.","zodiac":["Yay","Aslan","Yengeç"]},{"name":"Kahve Yıldız Taşı","description":"Kahve tonları içinde ince ışıltılar sunan dekoratif cam.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/yildiztasi","image":"https://static.wixstatic.com/media/476921_88272606e0804633b3b791e0d7c58135~mv2.jpg","benefits":"Geleneksel yorumlarda kararlılık, yaratıcılık ve olumlu bakış açısıyla ilişkilendirilir. Kişisel hedefler ve kendini ifade etme niyetleri için seçilir.","zodiac":["Koç","Boğa","İkizler","Başak","Terazi","Yay","Kova","Balık"]},{"name":"Hint Akiği","description":"Yeşil ve toprak tonlarını bir araya getiren zengin desenler.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/hintakigi","image":"https://static.wixstatic.com/media/476921_85f18f4015c845bebbb6e8c907b2e6aa~mv2.png","benefits":"Geleneksel inanışlarda akik gibi cesaret, korunma ve uyumla ilişkilendirilir. Sosyal bağlar, kendini ifade etme ve kararlılık niyetlerini simgeler.","zodiac":["Koç","İkizler","Boğa","Aslan","Yay","Başak"]},{"name":"Obsidyen","description":"Koyu rengin ve parlak yüzeyin güçlü birlikteliği.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/obsidyen","image":"https://static.wixstatic.com/media/476921_919622cc7148418b81af3bfe82ea1e5d~mv2.jpg","benefits":"Geleneksel inanışlarda korunma, özgüven ve iç dengeyi temsil eder. Olayları daha açık değerlendirme ve güçlü bir duruş sergileme niyetleriyle anılır.","zodiac":["İkizler","Yengeç","Akrep"]},{"name":"Pirit","description":"Metalik altın tonlarıyla heykelsi ve çarpıcı bir görünüm.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/pirit","image":"https://static.wixstatic.com/media/476921_308462f6de0845ce9d2a5b5e25356095~mv2.png","benefits":"Geleneksel yorumlarda özsaygı, canlılık ve koruyuculuğun sembolüdür. Yetersizlik duygusunu geride bırakma, hayatın güzelliklerini fark etme ve kararlılık niyetleriyle ilişkilendirilir.","zodiac":["İkizler","Yengeç","Akrep"]},{"name":"Kristal Kuvars","description":"Şeffaf görünümüyle ışığı ve sadeliği öne çıkaran bir seçim.","color":"Beyaz & şeffaf","href":"https://www.alnisatelier.com/kristalkuvars","image":"https://static.wixstatic.com/media/476921_358cf93c11d644c5ab33456b68af6b4a~mv2.png","benefits":"Geleneksel anlatılarda güç, berraklık ve uyumun sembolüdür. İç barış, kendine değer verme ve olumlu niyetlere odaklanmayla ilişkilendirilir.","zodiac":["Balık","Kova","Yengeç","Terazi","Boğa"]},{"name":"Lav Taşı","description":"Gözenekli dokusu ve mat siyah tonuyla doğal bir karakter.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/lavtasi","image":"https://static.wixstatic.com/media/476921_01d25209556d467fb5e7ed9ecc0fc1fa~mv2.jpg","benefits":"Geleneksel inanışlarda canlılık ve sevgiyle ilişkilendirilir. Doğayla bağ kurma ve içindeki gücü hatırlama niyetleri için seçilir.","zodiac":["Aslan","Boğa","Yay"]},{"name":"Varisit","description":"Yeşil tonları ve hareketli desenleriyle özgün bir görünüm.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/varisit","image":"https://static.wixstatic.com/media/476921_3966c1bafc4b4705a92df19229849772~mv2.png","benefits":"Geleneksel inanışlarda cesaret ve umudun sembolüdür. İyimserlik, sakinlik ve yeni şeyler öğrenmeye açıklık niyetleriyle ilişkilendirilir.","zodiac":["Başak","Terazi","Balık"]},{"name":"Turkuaz","description":"Canlı mavi yeşil tonlarıyla kombinlere renkli bir dokunuş.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/turkuaz","image":"https://static.wixstatic.com/media/476921_7e30e64965eb4ddfb04201fad86ab035~mv2.png","benefits":"Geleneksel inanışlarda şans, dostluk ve sadakatin sembolüdür. İletişim, yaratıcı ifade ve korunma niyetleriyle ilişkilendirilir; firuze adıyla da anılır.","zodiac":["Boğa","Başak","Akrep","Yay","Oğlak","Kova","Balık"]},{"name":"Jasper","description":"Toprak tonları ve kendine özgü desenleriyle sıcak bir karakter.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/jasper","image":"https://static.wixstatic.com/media/476921_5bf91a79426e4694a8e74cbc422aa9a1~mv2.jpg","benefits":"Geleneksel anlatılarda sevgi, inanç, cesaret ve kararlılığın sembolüdür. Bereket ve değerlerine bağlı kalma niyetleriyle ilişkilendirilir.","zodiac":["Aslan","Başak","Akrep"]},{"name":"Mercan","description":"Sıcak kırmızı tonlarıyla dikkat çeken organik bir takı malzemesi.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/mercan","image":"https://static.wixstatic.com/media/476921_59787fcb3008424fa503388749525f20~mv2.jpg","benefits":"Geleneksel inanışlarda korunma ve iç dengeyle ilişkilendirilir. Düşüncelerini toplama ve kendini dengede hissetme niyetleri için sembolik anlam taşır.","zodiac":["Yengeç","Aslan","Akrep"]},{"name":"Lacivert Yıldız Taşı","description":"Gece mavisi içinde ince ışıltılar sunan dekoratif cam.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/yildiztasi","image":"https://static.wixstatic.com/media/476921_f62e6854e0b04df69415a959f1807c3a~mv2.png","benefits":"Geleneksel yorumlarda yaratıcılık, kararlılık ve iyimserlikle ilişkilendirilir. Kişisel hedeflere yönelme ve olumlu bir bakış açısı niyetleriyle anılır.","zodiac":["Koç","Boğa","İkizler","Başak","Terazi","Yay","Kova","Balık"]},{"name":"Unakit","description":"Yeşil ve pembe tonlarının doğal desenlerle buluşması.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/unakit","image":"https://static.wixstatic.com/media/476921_ed39009cd8d8455a959ac84e6cefad98~mv2.png","benefits":"Geleneksel inanışlarda topraklanma ve duygusal dengeyle ilişkilendirilir. Doğayla bağ kurma ve sakin bir yaklaşım geliştirme niyetlerini simgeler.","zodiac":["Terazi","Akrep"]},{"name":"Akuamarin","description":"Açık mavi tonlarıyla ferah ve zarif bir görünüm.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/akuamarin","image":"https://static.wixstatic.com/media/476921_3b7dada50736459c8f641968c1b0c107~mv2.png","benefits":"Geleneksel anlatılarda cesaret, duruluk ve bereketle ilişkilendirilir. Düşüncelerini toplama ve kendini daha açık ifade etme niyetleri için seçilir.","zodiac":["İkizler","Balık","Terazi","Koç","Akrep"]},{"name":"Sitrin","description":"Bal sarısı tonlarıyla sıcaklığı ve ışığı öne çıkaran bir seçim.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/sitrin","image":"https://static.wixstatic.com/media/476921_772264b0d15146bdb9966d46fc467645~mv2.png","benefits":"Geleneksel inanışlarda başarı ve bereketin sembolüdür; “tüccar taşı” olarak da anılır. Bolluk, olumlu düşünce ve kişisel hedeflere odaklanma niyetleriyle ilişkilendirilir.","zodiac":["Koç","İkizler","Aslan","Başak","Terazi","Akrep"]},{"name":"Dumanlı Kuvars","description":"Dumanlı kahve ve gri tonlarıyla sofistike bir sadelik.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/kuvars","image":"https://static.wixstatic.com/media/476921_5da0ea384fc54b979e7cf28958d78f2d~mv2.png","benefits":"Geleneksel anlatılarda iç denge, güç ve kendine güvenle ilişkilendirilir. Olumlu niyetlere odaklanma ve sakin bir duruşu hatırlama amacıyla seçilir.","zodiac":["Balık","Kova","Yengeç","Terazi","Boğa"]},{"name":"Kedi Gözü","description":"Işıkla belirginleşen çizgisel yansımalar ve dikkat çekici bir görünüm.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/kedigozu","image":"https://static.wixstatic.com/media/476921_db177212813944eba2810b1fb5679514~mv2.png","benefits":"Geleneksel inanışlarda sezgi, farkındalık ve şansın sembolüdür. İyimserlik, yaratıcılık ve korunma niyetleriyle ilişkilendirilir.","zodiac":["Oğlak","Boğa","Koç"]},{"name":"Sedef","description":"İnci tonlu yansımalarıyla zarif, organik bir takı malzemesi.","color":"Beyaz & şeffaf","href":"https://www.alnisatelier.com/sedef","image":"https://static.wixstatic.com/media/476921_38666fcd2f0f4c718655899be0214616~mv2.png","benefits":"Geleneksel inanışlarda cesaret, güç ve bereketle ilişkilendirilir. Olumlu düşünce ve kendini daha güçlü hissetme niyetleri için sembolik olarak seçilir.","zodiac":["Balık","Koç","Boğa"]},{"name":"Lal Taşı","description":"Derin bordo tonlarıyla güçlü ve incelikli bir renk vurgusu.","color":"Sıcak tonlar","href":"https://www.alnisatelier.com/laltasi","image":"https://static.wixstatic.com/media/476921_2cef56ac4509452b8005a593d89ae109~mv2.png","benefits":"Geleneksel anlatılarda sevgi, şefkat ve canlılığı simgeler. Hayal gücü, dinginlik ve kararlı biçimde ilerleme niyetleriyle ilişkilendirilir.","zodiac":["Koç","Aslan","Akrep","Kova","Oğlak"]},{"name":"Labradorit","description":"Koyu zemin üzerinde değişen renk yansımalarıyla özgün bir stil.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/labradorit","image":"https://static.wixstatic.com/media/476921_8e8e016259c546f2b31efebc471b9019~mv2.jpg","benefits":"Geleneksel ve çağdaş kristal yorumlarında dönüşüm, sezgi ve ilhamla ilişkilendirilir. Yeniliklere açık olma ve kendi yolunu bulma niyetleri için sembolik olarak seçilir.","zodiac":["Yengeç","Aslan","Yay","Kova","Akrep"]},{"name":"Azurit","description":"Yoğun mavi tonları ve doğal dokusuyla etkileyici bir karakter.","color":"Mavi & yeşil","href":"https://www.alnisatelier.com/azurit","image":"https://static.wixstatic.com/media/476921_6ac87127c673481297102b91cc5e1cb7~mv2.png","benefits":"Geleneksel ve çağdaş kristal yorumlarında bilgelik, sezgi ve yaratıcılığı simgeler. Düşüncelerini toplama ve yeni bakış açıları geliştirme niyetleriyle ilişkilendirilir.","zodiac":["Boğa","Yay","Oğlak"]},{"name":"Turmalin","description":"Farklı renk seçenekleriyle kişisel kombinlere özgün bir dokunuş.","color":"Siyah & metalik","href":"https://www.alnisatelier.com/turmalin","image":"https://static.wixstatic.com/media/476921_c9750888508744339152f615a626d1b2~mv2.png","benefits":"Geleneksel inanışlarda duyarlılık, anlayış ve sezgiyle ilişkilendirilir. Yeni başlangıçlar, odaklanma ve olumlu niyetlere yönelme için sembolik olarak seçilir.","zodiac":["Boğa","Yay","Oğlak"]}];const hero='https://static.wixstatic.com/media/476921_43508cfa8aca4aeb819f8965989de270~mv2.png';const esc=s=>String(s).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));const img=(s,w=700)=>s+'/v1/fit/w_'+w+',h_'+w+'/file.webp';root.innerHTML=`<style> :host{display:block;color:#191719;font-family:Arial,sans-serif}*{box-sizing:border-box}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #6d4978;outline-offset:5px}.stone-page{width:100vw;margin-left:calc(50% - 50vw);height:2860px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.hero{height:610px;flex:none;position:relative;background:#d6c6dd;display:flex;align-items:center;padding:60px 7%}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;width:43%;max-width:510px}.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;margin:0 0 22px}.hero h1{font:400 clamp(42px,4.8vw,72px)/1.03 Georgia,serif;letter-spacing:-.035em;margin:0 0 25px}.hero p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:335px;margin:0 0 30px}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 30px;background:#171717;color:#fff;text-decoration:none;font-size:13px;border:1px solid #171717}.cta:hover{background:#454045}.intro{text-align:center;height:220px;flex:none;padding:48px 20px}.intro h2,.explore h2{font:400 39px/1.15 Georgia,serif;margin:0 0 17px}.intro p{max-width:660px;margin:0 auto;font-size:15px;line-height:1.8;color:#585358}.explore{flex:1;min-height:0;padding:15px 6% 40px;display:flex;flex-direction:column;scroll-margin-top:140px}.explore-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.explore h2{font-size:32px;margin:0}.search{display:flex;align-items:center;border-bottom:1px solid #777;min-width:270px;gap:10px;padding:10px 0}.search input{width:100%;border:0;outline:0;padding:4px;background:transparent;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters button{font-size:12px;padding:11px 17px;border:1px solid #ddd;background:#fff}.filters button[aria-pressed=true]{color:#fff;background:#171717;border-color:#171717}.count{font-size:12px;color:#777;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:28px 24px;flex:1;min-height:0}.card{display:flex;flex-direction:column;min-height:0;text-decoration:none}.photo{flex:1;min-height:0;background:#f6f4f6;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;transition:transform .4s}.card:hover img{transform:scale(1.045)}.card h3{font:400 25px Georgia,serif;margin:15px 0 8px}.card p{font-size:12px;line-height:1.55;color:#666;min-height:37px;margin:0 0 9px}.card .text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:21px}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:#666}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:30px;min-height:70px}.pagination button{height:36px;min-width:36px;border:1px solid #ddd;background:#fff}.pagination button[aria-current=page]{background:#171717;color:white;border-color:#171717}.story{height:440px;flex:none;display:grid;grid-template-columns:1fr 1fr;background:#f2edf4}.story-media{overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover;object-position:82% center}.story-copy{padding:65px 12%;align-self:center}.story h2{font:400 40px/1.1 Georgia,serif;letter-spacing:-.02em;margin:0 0 20px}.story p:not(.eyebrow){font-size:14px;line-height:1.8;color:#565056;margin:0 0 24px}.underlink{font-size:13px;text-underline-offset:6px}.end{height:260px;flex:none;text-align:center;padding:45px 20px}.end h2{font:400 32px Georgia,serif;margin:0 0 14px}.end p{font-size:14px;line-height:1.6;color:#666;margin:0 0 23px}.note{font-size:10px!important;margin:22px 0 0!important;color:#888!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} @media(max-width:700px){.hero{height:520px;padding:0;align-items:end;background:#e4d9e8}.hero>img{height:290px;object-position:75% center}.hero-copy{width:100%;max-width:none;padding:26px 24px 28px;background:#e4d9e8}.eyebrow{font-size:9px;margin-bottom:12px}.hero h1{font-size:39px;margin-bottom:12px}.hero p:not(.eyebrow){font-size:13px;line-height:1.5;margin-bottom:16px;max-width:none}.cta{min-height:42px;font-size:12px;padding:0 22px}.intro{height:220px;padding:40px 24px}.intro h2{font-size:29px}.intro p{font-size:13px;line-height:1.7}.explore{padding:10px 20px 35px}.explore-top{display:block;margin-bottom:18px}.explore h2{font-size:28px;margin-bottom:14px}.search{min-width:0;width:100%}.filters{gap:6px}.filters button{padding:9px 10px;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:24px 12px}.card h3{font-size:21px;margin-top:12px}.card p{font-size:11px;min-height:51px}.card .text-link{font-size:11px}.story{height:490px;display:block}.story-media{height:200px}.story-copy{padding:28px 25px}.story h2{font-size:30px;margin-bottom:14px}.story p:not(.eyebrow){font-size:13px;line-height:1.65;margin-bottom:15px}.end{height:275px;padding:40px 24px}.end h2{font-size:27px}.end p{font-size:13px}.note{font-size:9px!important}} .card .photo{padding:0;border:0;width:100%;cursor:pointer;text-align:inherit}.card .detail-button{border:0;background:none;text-align:left;padding:0;margin:1px 0 7px;font:inherit;font-size:12px;line-height:1.55;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.card .text-link{width:max-content}.stone-detail{position:fixed;inset:0;width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;background:#fff;color:#191719;overflow:auto;box-shadow:0 20px 90px #0003}.stone-detail::backdrop{background:#17131bb3;backdrop-filter:blur(3px)}.detail-layout{display:grid;grid-template-columns:36% 1fr;min-height:520px}.detail-image{background:#f3eef5;padding:30px;display:flex;align-items:center}.detail-image img{display:block;width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}.detail-copy{padding:45px 42px 35px}.detail-copy .eyebrow{font-size:10px;margin-bottom:12px}.detail-copy h2{font:400 42px/1.1 Georgia,serif;margin:0 0 28px}.detail-copy h3{font-size:14px;letter-spacing:.03em;margin:24px 0 9px}.detail-copy p{font-size:14px;line-height:1.75;margin:0 0 12px;color:#575057}.zodiac-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 24px}.zodiac-tags span{font-size:12px;padding:7px 11px;background:#f2edf4;border:1px solid #e5dce9}.detail-copy .belief-note{font-size:11px;line-height:1.6;border-top:1px solid #e6e0e8;padding-top:15px;margin:23px 0 0;color:#716a72}.detail-close{position:absolute;right:12px;top:12px;background:white;border:1px solid #ddd;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer}.detail-button:focus-visible,.photo:focus-visible,.detail-close:focus-visible{outline:2px solid #796187;outline-offset:4px}@media(max-width:700px){.card .detail-button{font-size:11px;margin-bottom:6px}.stone-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.detail-layout{display:block}.detail-image{height:180px;padding:20px}.detail-image img{height:100%;max-height:140px}.detail-copy{padding:26px 24px}.detail-copy h2{font-size:33px;margin-bottom:22px}.detail-copy h3{margin-top:21px}.detail-copy p{font-size:13px}.detail-copy .belief-note{font-size:10px}} .card .photo{background:#f7f6f8;display:flex;align-items:center;justify-content:center}.card .photo img{padding:12px;object-fit:contain;object-position:center;mix-blend-mode:multiply}.detail-image{background:#f7f6f8}.detail-image img{max-height:460px;object-fit:contain;object-position:center}@media(max-width:700px){.card .photo img{padding:8px}}.hero{background:linear-gradient(155deg,#ddcee3 0%,#c3aecf 56%,#eee4f1 100%)}.hero>img{left:auto;right:0;width:auto;max-width:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent 0%,#000 28%)}@media(max-width:700px){.hero>img{left:0;width:100%;object-fit:contain;object-position:right center;mask-image:none}}</style><div class="stone-page"><section class="hero"><img src="${hero}/v1/fit/w_1800,h_1100/file.webp" alt="Lila tonlarında ametist, pembe kuvars ve kristal kuvars" fetchpriority="high"><div class="hero-copy"><p class="eyebrow">ALNIS ATELIER · TAŞLARIN DÜNYASI</p><h1>Doğanın rengi.<br>Senin ışıltın.</h1><p>Her taşın kendine özgü bir dokusu, her tasarımın ayrı bir hikâyesi var. Sana seslenen taşı keşfet.</p><button class="cta discover">Taşları keşfet</button></div></section><section class="intro"><p class="eyebrow">RENK · DOKU · KARAKTER</p><h2>Kendine yakın olanı bul.</h2><p>Ametistin morundan oniksin siyahına, ay taşının yumuşak yansımalarından hematitin metalik parlaklığına. Tarzını tamamlayan tonlarla tanış.</p></section><section class="explore" id="stone-explore"><div class="explore-top"><h2>Taş koleksiyonunu keşfet</h2><label class="search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Taş adı ara" aria-label="Taş adı ara"></label></div><div class="filters" aria-label="Rengine göre keşfet">${['Tümü','Pembe & mor','Mavi & yeşil','Beyaz & şeffaf','Sıcak tonlar','Siyah & metalik'].map((c,i)=>'<button aria-pressed="'+(i===0)+'" data-color="'+esc(c)+'">'+esc(c)+'</button>').join('')}</div><p class="count" aria-live="polite"></p><div class="grid"></div><nav class="pagination" aria-label="Taş koleksiyonu sayfaları"></nav></section><section class="story"><div class="story-media"><img src="${hero}/v1/fit/w_1000,h_700/file.webp" alt="Doğal taşların renk ve kristal dokuları" loading="lazy"></div><div class="story-copy"><p class="eyebrow">DOĞADAN TASARIMA</p><h2>Her detayda<br>kendine özgü.</h2><p>Renk geçişleri, damarlar ve küçük doku farklılıkları her doğal taşa ayrı bir görünüm verir. Bu özgün karakter, Alnis Atelier tasarımlarında kişisel stilinin bir parçasına dönüşür.</p><a class="underlink" href="https://www.alnisatelier.com/urunler">Tasarımları keşfet</a></div></section><section class="end"><h2>Işıltısına özen göster.</h2><p>Takılarının görünümünü korumak için kullanım ve bakım önerilerimizi keşfet.</p><a class="cta" href="https://www.alnisatelier.com/kullanma-ve-bakim">Bakım rehberini incele</a></section></div><dialog class="stone-detail" aria-labelledby="stone-detail-title"><button class="detail-close" aria-label="Taş bilgilerini kapat" type="button">×</button><div class="detail-content"></div></dialog>`; let page=0,color='Tümü',query='';const mobile=window.matchMedia('(max-width:700px)');const normalize=s=>s.toLocaleLowerCase('tr-TR').normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/ı/g,'i');const grid=root.querySelector('.grid');const draw=()=>{const size=mobile.matches?6:9;const filtered=stones.filter(s=>(color==='Tümü'||s.color===color)&&normalize(s.name).includes(normalize(query)));const pages=Math.max(1,Math.ceil(filtered.length/size));page=Math.min(page,pages-1);const batch=filtered.slice(page*size,(page+1)*size);root.querySelector('.count').textContent=filtered.length+' taş · '+(filtered.length?(page*size+1)+'–'+Math.min((page+1)*size,filtered.length):'0')+' gösteriliyor';grid.innerHTML=batch.length?batch.map(s=>'<article class="card"><button class="photo" data-stone="'+esc(s.name)+'" aria-label="'+esc(s.name)+' taşının özellikleri, faydaları ve burçları"><img src="'+esc(img(s.image))+'" alt="'+esc(s.name)+'" loading="lazy"></button><h3>'+esc(s.name)+'</h3><p>'+esc(s.description)+'</p><button class="detail-button" data-stone="'+esc(s.name)+'">Özellikleri, faydaları ve burçları</button><a class="text-link" href="'+esc(s.href)+'">Ürünleri keşfet →</a></article>').join(''):'<p class="empty">Bu aramayla eşleşen taş bulunamadı. Başka bir taş adı deneyebilirsin.</p>';root.querySelector('.pagination').innerHTML=Array.from({length:pages},(_,i)=>'<button data-page="'+i+'" aria-label="'+(i+1)+'. sayfa" '+(i===page?'aria-current="page"':'')+'>'+(i+1)+'</button>').join('');};root.querySelector('.search input').addEventListener('input',e=>{query=e.target.value;page=0;draw();});root.querySelector('.filters').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;color=b.dataset.color;page=0;root.querySelectorAll('.filters button').forEach(x=>x.setAttribute('aria-pressed',String(x===b)));draw();});root.querySelector('.pagination').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;page=Number(b.dataset.page);draw();root.querySelector('.explore').scrollIntoView({behavior:'smooth',block:'start'});});root.querySelector('.discover').addEventListener('click',()=>root.querySelector('.explore').scrollIntoView({behavior:'smooth',block:'start'}));const detail=root.querySelector('.stone-detail');grid.addEventListener('click',e=>{const button=e.target.closest('[data-stone]');if(!button)return;const s=stones.find(x=>x.name===button.dataset.stone);if(!s)return;root.querySelector('.detail-content').innerHTML='<div class="detail-layout"><div class="detail-image"><img src="'+esc(img(s.image,1100))+'" alt="'+esc(s.name)+'"></div><div class="detail-copy"><p class="eyebrow">ALNIS ATELIER · TAŞ REHBERİ</p><h2 id="stone-detail-title">'+esc(s.name)+'</h2><h3>Özellikleri</h3><p>'+esc(s.description)+'</p><h3>Faydaları · Geleneksel inanışlar</h3><p>'+esc(s.benefits)+'</p><h3>İlişkilendirilen burçlar</h3><div class="zodiac-tags">'+s.zodiac.map(z=>'<span>'+esc(z)+'</span>').join('')+'</div><a class="cta" href="'+esc(s.href)+'">'+esc(s.name)+' ürünlerini keşfet</a><p class="belief-note">Taşlara atfedilen faydalar ve burç eşleşmeleri geleneksel inanışlara dayanır; bilimsel olarak kanıtlanmış sağlık etkileri değildir. Taşlar tıbbi tanı veya tedavinin yerine geçmez.</p></div></div>';detail.showModal();});root.querySelector('.detail-close').addEventListener('click',()=>detail.close());detail.addEventListener('click',e=>{if(e.target!==detail)return;const b=detail.getBoundingClientRect();if(e.clientX<b.left||e.clientX>b.right||e.clientY<b.top||e.clientY>b.bottom)detail.close();});mobile.addEventListener('change',()=>{page=0;draw();});draw();}).call(this);}} if(!customElements.get("alnis-stone-guide"))customElements.define("alnis-stone-guide",AlnisStoneGuide);