.atl-guv{--guv-cizgi: #cfc3b2;--guv-metin: #4a4440;--guv-bakir: #b87333;--guv-koyu: #1b1512;--guv-parch: #f0e7d8;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .25rem;padding:0;list-style:none}.atl-guv__cell{position:relative}.atl-guv__btn{display:inline-flex;align-items:center;gap:.55em;padding:.62em .9em;border:1px solid var(--guv-cizgi);border-radius:2px;background:transparent;color:var(--guv-metin);font:inherit;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;cursor:help;transition:border-color .2s ease,color .2s ease}.atl-guv__btn:hover,.atl-guv__btn:focus-visible,.atl-guv__cell.is-open .atl-guv__btn{border-color:var(--guv-bakir);color:var(--guv-koyu)}.atl-guv__btn:focus-visible{outline:2px solid var(--guv-bakir);outline-offset:2px}.atl-guv__ikon{width:17px;height:17px;flex:none;fill:none;stroke:var(--guv-bakir);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.16,1,.3,1)}.atl-guv__btn:hover .atl-guv__ikon{transform:translateY(-1px)}.atl-guv__ad{border-bottom:1px dotted color-mix(in srgb,var(--guv-metin) 45%,transparent);padding-bottom:1px}.atl-guv__tip{position:absolute;bottom:calc(100% + 9px);left:0;z-index:20;width:max-content;max-width:min(19rem,calc(100vw - 1.5rem));padding:.7em .85em;border-radius:3px;background:var(--guv-koyu);color:var(--guv-parch);font-size:.78rem;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;box-shadow:0 8px 24px #0000002e;opacity:0;visibility:hidden;transform:translate(var(--guv-kaydir, 0px),4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.atl-guv__tip:after{content:"";position:absolute;top:100%;left:clamp(.6em,calc(1.4em - var(--guv-kaydir, 0px)),calc(100% - 1.4em));border:5px solid transparent;border-top-color:var(--guv-koyu)}.atl-guv__cell:hover .atl-guv__tip,.atl-guv__btn:focus-visible+.atl-guv__tip,.atl-guv__cell.is-open .atl-guv__tip{opacity:1;visibility:visible;transform:translate(var(--guv-kaydir, 0px))}@media(max-width:480px){.atl-guv__btn{font-size:.72rem;padding:.55em .75em}.atl-guv__tip{bottom:auto;top:calc(100% + 9px)}.atl-guv__tip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--guv-koyu)}}@media(prefers-reduced-motion:reduce){.atl-guv__tip,.atl-guv__ikon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/atolye-guvence.css.map */