/* Akasoft Dijital Menü — vitrin tasarım sistemi (akasoftbilisim.com) */
:root{
  --brand:#A47A30; --brand-soft:color-mix(in srgb,var(--brand) 9%,transparent);
  --bg:#F5F5F7; --surface:#FFFFFF; --surface-2:#F2F2F5; --text:#1D1D1F; --text-2:#6E6E73; --sep:rgba(0,0,0,.08);
  --ok:#248A3D; --wa:#1FA855; --warn:#B25000;
  --r-lg:22px; --r-md:16px; --r-sm:11px; --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
  --app:480px; --ease:cubic-bezier(.32,.72,0,1);
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='8'%3E%3Cpath d='M0 5Q11 1 22 5T44 5V8H0Z'/%3E%3C/svg%3E") 0 0/44px 8px repeat-x,linear-gradient(#000 0 0) 0 7px/100% calc(100% - 7px) no-repeat;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#000; --surface:#1C1C1E; --surface-2:#2C2C2E; --text:#F5F5F7; --text-2:#A1A1A6; --sep:rgba(255,255,255,.12);
  --shadow:0 1px 2px rgba(0,0,0,.3); --ok:#30D158; color-scheme:dark;
}}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{background:var(--bg);color:var(--text);font:15px/1.4 var(--font);-webkit-font-smoothing:antialiased;max-width:var(--app);margin:0 auto;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
img,video{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.rf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Üst bar */
.rf-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--sep)}
.rf-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.rf-brand>span{min-width:0;overflow:hidden} /* dar ekranda ad '…' ile kısalır, sağdaki simgelerin altına girmez */
.rf-logo{width:40px;height:40px;border-radius:11px;object-fit:cover;background:#fff;box-shadow:0 0 0 .5px var(--sep)}
.rf-brand b{display:block;font-size:15px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-brand small{display:block;font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-icon{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface-2);flex:none;transition:transform .15s}
.rf-icon:active{transform:scale(.9)}
.rf-icon svg{width:16px;height:16px}
.rf-order-toggle{height:34px;padding:0 12px;border-radius:999px;background:var(--text);color:var(--bg);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;flex:none}
.rf-order-toggle[aria-pressed=true]{background:var(--brand);color:#fff}
.rf-order-toggle{position:relative}
.rf-badge-n{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface)}
.rf-order-toggle[aria-pressed=true] .rf-badge-n{background:#fff;color:var(--brand)}
.rf-bump{animation:rfBump .35s var(--ease)}
@keyframes rfBump{40%{transform:scale(1.35)}}
.rf-google{flex:none;height:34px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;background:var(--surface-2)}
.rf-google span{color:#F5A623}
@media (max-width:370px){.rf-hide-xs{display:none}.rf-brand small{display:none}}

/* Kartta kayan görseller ve ürün adı yanında Bilgi */
.rf-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.rf-track::-webkit-scrollbar{display:none}
.rf-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.rf-dots{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:4px;pointer-events:none}
.rf-dots i{width:5px;height:5px;border-radius:3px;background:rgba(255,255,255,.55);transition:width .3s var(--ease),background .3s}
.rf-dots i.on{width:13px;background:#fff}
.rf-name-row{display:flex;align-items:flex-start;gap:6px}
.rf-name-row .rf-name{flex:1;min-width:0}
.rf-info-pill{flex:none;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--surface));margin-top:-1px}
.rf-close{background:#E5242B!important;box-shadow:0 4px 14px rgba(229,36,43,.35)}
.rf-tab.spy{box-shadow:0 0 0 2px var(--brand);color:var(--text)}

/* İlk giriş karşılama ekranı */
.rf-splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--brand) 18%,var(--bg)),var(--bg) 70%);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rf-splash.out{opacity:0;transform:scale(1.04);pointer-events:none}
.rf-splash .in{text-align:center;padding:0 32px;max-width:420px}
.rf-splash img{width:96px;height:96px;border-radius:26px;object-fit:cover;margin:0 auto 18px;box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.6);animation:rfRise .9s var(--ease) both}
.rf-splash h1{font-size:28px;letter-spacing:-.6px;line-height:1.15;animation:rfRise .9s .12s var(--ease) both}
.rf-splash p{color:var(--text-2);margin-top:8px;font-size:15px;animation:rfRise .9s .24s var(--ease) both}
.rf-splash .bar{width:120px;height:3px;border-radius:2px;background:var(--sep);margin:22px auto 0;overflow:hidden}
.rf-splash .bar i{display:block;height:100%;width:100%;background:var(--brand);transform-origin:left;animation:rfFill 2s linear both}
@keyframes rfRise{from{opacity:0;transform:translateY(14px)}}
@keyframes rfFill{from{transform:scaleX(0)}}

/* Liquid Glass: yarı saydam malzeme + ince üst ışık kenarı (Apple HIG) */
.rf-top,.rf-bar,.rf-nav{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
@media (prefers-color-scheme:dark){.rf-top,.rf-bar,.rf-nav{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}}

/* Bilgi kartı */
.rf-info-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--sep)}
.rf-info-row:last-child{border-bottom:0}
.rf-info-row .t{flex:1;min-width:0}
.rf-info-row small{display:block;font-size:12px;color:var(--text-2)}
.rf-info-row b{font-size:15px;word-break:break-word}
.rf-copy{flex:none;height:32px;padding:0 12px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 .5px var(--sep);font-size:13px;font-weight:600;color:var(--brand)}
.rf-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.3px}
.rf-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 4px}
.rf-quick a,.rf-quick button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:var(--r-md);background:var(--surface-2);font-size:12px;font-weight:600}
.rf-quick svg{width:22px;height:22px;color:var(--brand)}
.rf-send{display:flex;gap:8px;margin-top:10px}
.rf-send .rf-field{margin:0;flex:1}
.rf-alg-mini{display:flex;gap:3px;flex-wrap:wrap}
.rf-alg-mini i{font-style:normal;font-size:10px;font-weight:700;color:var(--warn);background:color-mix(in srgb,var(--warn) 11%,var(--surface));padding:2px 6px;border-radius:6px}

/* Kategori sayfası başlığı ve sekmeler */
.rf-nav{position:sticky;top:calc(57px + env(safe-area-inset-top,0px));z-index:40;display:flex;align-items:center;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.rf-back{flex:none;height:34px;padding:0 12px 0 8px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 .5px var(--sep);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:2px}
.rf-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.rf-tabs::-webkit-scrollbar{display:none}
.rf-tab{flex:none;height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--text-2);background:var(--surface);box-shadow:0 0 0 .5px var(--sep);scroll-snap-align:start;white-space:nowrap;transition:background .2s,color .2s}
.rf-tab[aria-current=page]{background:var(--text);color:var(--bg);box-shadow:none}
.rf-title{padding:6px 18px 4px;font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.6px}
.rf-sub{padding:0 18px 12px;color:var(--text-2);font-size:13px}
.rf-section{padding:18px 18px 8px;font-size:20px;font-weight:700;letter-spacing:-.3px}

/* Ana sayfa kategori kartları */
.rf-cats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 14px 16px}
.rf-cat{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--surface-2);box-shadow:var(--shadow);transition:transform .25s var(--ease)}
.rf-cat:active{transform:scale(.97)}
.rf-cat img{width:100%;height:100%;object-fit:cover}
.rf-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62))}
.rf-cat span{position:absolute;left:12px;right:12px;bottom:11px;z-index:1;color:#fff}
.rf-cat b{display:block;font-size:16px;letter-spacing:-.2px;line-height:1.2}
.rf-cat small{font-size:12px;opacity:.85}
.rf-hello{padding:18px 18px 6px}
.rf-hello h1{font-size:30px;line-height:1.1;letter-spacing:-.6px}
.rf-hello p{color:var(--text-2);margin-top:4px;font-size:14px}

/* Ürün kartları */
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 8px}
.rf-card{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.rf-card[hidden]{display:none}
.rf-media{position:relative;aspect-ratio:3/4;background:#111;overflow:hidden;cursor:pointer}
.rf-media img,.rf-media video{width:100%;height:100%;object-fit:cover}
.rf-badge{position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:7px;font-size:10.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rf-wa{display:flex;align-items:center;justify-content:center;gap:5px;height:28px;font-size:11.5px;font-weight:600;color:var(--wa);background:color-mix(in srgb,var(--wa) 9%,var(--surface));border-bottom:.5px solid var(--sep)}
.rf-wa svg{width:13px;height:13px}
.rf-body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:6px;flex:1}
.rf-name{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rf-prices{display:flex;flex-direction:column;gap:1px;margin-top:auto}
.rf-price{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-2)}
.rf-price b{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}
.rf-price.kg b{font-size:13px;color:var(--ok)}
.rf-ask{font-size:12.5px;color:var(--text-2)}
.rf-meta{display:flex;gap:4px;flex-wrap:wrap}
.rf-dot{font-size:10.5px;color:var(--text-2);background:var(--surface-2);padding:2px 6px;border-radius:6px}
.rf-stepper{display:none;align-items:center;justify-content:space-between;height:34px;border-radius:999px;background:var(--surface-2);margin-top:4px}
.rf-ordering .rf-stepper{display:flex}
.rf-stepper button{width:34px;height:34px;border-radius:50%;font-size:19px;font-weight:500;display:grid;place-items:center}
.rf-stepper button.add{width:auto;flex:1;font-size:13px;font-weight:600;border-radius:999px;background:var(--brand);color:#fff}
.rf-stepper output{font-weight:700;font-variant-numeric:tabular-nums}

/* Alt bar */
.rf-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--app);z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep)}
.rf-btn{height:44px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;background:var(--surface-2);transition:transform .15s}
.rf-btn:active{transform:scale(.96)}
.rf-btn.primary{background:var(--brand);color:#fff;flex:1}
.rf-btn.dark{background:var(--text);color:var(--bg);flex:1}
.rf-btn.wa{background:var(--wa);color:#fff;flex:1}
.rf-cartbar{display:none}
.rf-ordering .rf-cartbar{display:flex}
.rf-ordering .rf-defaultbar{display:none}
.rf-cartbar .rf-btn.primary{justify-content:space-between}
.rf-count{min-width:22px;height:22px;border-radius:11px;background:rgba(255,255,255,.25);display:inline-grid;place-items:center;font-size:12px;padding:0 6px}

/* Sayfa altı */
.rf-foot{padding:26px 18px 30px;color:var(--text-2);font-size:12px;text-align:center;line-height:1.7}
/* Alt bilgi: menü karekodu + ana ekrana ekle (düğmeyi rf-pwa.js çalıştırır) */
.rf-appcard{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);text-align:left}
.rf-appcard img{width:112px;height:112px;flex:none;border-radius:12px;background:#fff;padding:4px;box-shadow:0 0 0 .5px var(--sep)}
.rf-appcard b{display:block;font-size:17px;color:var(--text);letter-spacing:-.3px}
.rf-appcard small{display:block;font-size:13px;line-height:1.35;margin:3px 0 10px}
.rf-appcard .rf-btn{width:100%;height:44px;font-size:15px}
/* Çerçevelerin üst kenarı ince dalga (logodaki kurdele gibi) */
.rf-cat,.rf-appcard,.rf-denetim{-webkit-mask:var(--wave);mask:var(--wave)}
.rf-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-bottom:12px}
.rf-foot nav a{color:var(--text);font-weight:500}
.rf-bi{display:inline-flex;align-items:center;gap:5px}
.rf-stats{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 .5px var(--sep);margin-bottom:10px}
.rf-stats i{width:6px;height:6px;border-radius:50%;background:#34C759;animation:rfPulse 2s infinite}
@keyframes rfPulse{50%{opacity:.35}}
.rf-foot .made{display:block;margin-top:6px}
.rf-foot .made a{font-weight:600;color:var(--text)}

/* Alt sayfa (sheet) */
.rf-scrim{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.rf-scrim.on{opacity:1;pointer-events:auto}
.rf-sheet{position:fixed;left:50%;bottom:0;z-index:91;width:100%;max-width:var(--app);max-height:94dvh;background:var(--surface);border-radius:26px 26px 0 0;transform:translate(-50%,105%);transition:transform .45s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.rf-sheet.on{transform:translate(-50%,0)}
.rf-grab{flex:none;height:22px;display:grid;place-items:center;touch-action:none;cursor:grab}
.rf-grab::before{content:"";width:38px;height:5px;border-radius:3px;background:var(--sep)}
.rf-sheet-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 18px calc(24px + env(safe-area-inset-bottom,0px))}
.rf-close{position:absolute;top:14px;right:14px;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rf-gallery{margin:0 -18px 14px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#000}
.rf-gallery::-webkit-scrollbar{display:none}
.rf-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:9/16;max-height:72dvh;position:relative}
.rf-slide img,.rf-slide video{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.rf-pager{display:flex;justify-content:center;gap:6px;margin:-4px 0 12px}
.rf-pager i{width:6px;height:6px;border-radius:50%;background:var(--sep);transition:background .2s,width .2s}
.rf-pager i.on{background:var(--text);width:16px;border-radius:3px}
.rf-d-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rf-d-head h2{font-size:24px;line-height:1.15;letter-spacing:-.4px}
.rf-d-price{text-align:right;white-space:nowrap}
.rf-d-price b{display:block;font-size:20px}
.rf-d-price small{display:block;color:var(--text-2);font-size:12px}
.rf-d-price .kg{color:var(--ok);font-weight:600;font-size:14px}
.rf-d-desc{color:var(--text-2);margin:8px 0 2px}
.rf-group{margin-top:16px;background:var(--surface-2);border-radius:var(--r-md);padding:14px}
.rf-group h3{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.rf-group p{font-size:14px}
.rf-group .en{color:var(--text-2);font-size:12.5px;margin-top:6px}
.rf-chips{display:flex;flex-wrap:wrap;gap:6px}
.rf-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--warn) 12%,var(--surface));color:var(--warn)}
.rf-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rf-note{font-size:12px;color:var(--text-2);margin-top:8px}
.rf-facts{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.rf-facts th,.rf-facts td{padding:6px 0;text-align:right;border-bottom:.5px solid var(--sep)}
.rf-facts th:first-child,.rf-facts td:first-child{text-align:left}
.rf-facts thead th{font-size:12px;color:var(--text-2);font-weight:600}
.rf-facts tr.sub td:first-child{padding-left:14px;color:var(--text-2)}
.rf-facts tr:last-child td{border-bottom:0}
.rf-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rf-kv div{background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px}
.rf-kv small{display:block;font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.3px}
.rf-kv b{font-size:14px}
.rf-actions{display:flex;gap:8px;margin-top:18px}

/* Tam ekran görüntüleyici */
.rf-viewer{position:fixed;inset:0;z-index:120;background:#000;display:none;align-items:center;justify-content:center}
.rf-viewer.on{display:flex}
.rf-viewer img,.rf-viewer video{width:100vw;height:100dvh;object-fit:cover}
@media (min-aspect-ratio:3/4){.rf-viewer img,.rf-viewer video{object-fit:contain}}
.rf-viewer .rf-close{top:calc(14px + env(safe-area-inset-top,0px))}

/* Sepet */
.rf-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid var(--sep)}
.rf-line .t{flex:1;min-width:0}
.rf-line .t b{display:block;font-size:14px}
.rf-line .t small{color:var(--text-2)}
.rf-line .rf-stepper{display:flex;width:112px;margin:0}
.rf-field{width:100%;height:44px;border-radius:12px;border:0;background:var(--surface-2);padding:0 14px;font:inherit;color:var(--text);margin-top:8px}
textarea.rf-field{height:70px;padding:10px 14px;resize:none}
.rf-total{display:flex;justify-content:space-between;font-size:17px;font-weight:700;padding:14px 0 4px}
.rf-waiter{position:fixed;inset:0;z-index:130;background:var(--surface);display:none;flex-direction:column;padding:calc(20px + env(safe-area-inset-top,0px)) 22px 22px;overflow:auto}
.rf-waiter.on{display:flex}
.rf-waiter h2{font-size:30px;letter-spacing:-.6px}
.rf-waiter li{list-style:none;font-size:24px;font-weight:600;padding:10px 0;border-bottom:.5px solid var(--sep);display:flex;gap:14px}
.rf-waiter li span{color:var(--brand);min-width:56px}
.rf-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:140;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;transition:all .3s var(--ease);pointer-events:none}
.rf-toast.on{opacity:1;transform:translate(-50%,0)}
.rf-page{padding:10px 18px 30px;white-space:pre-line;font-size:15px;line-height:1.6}
.rf-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--text-2)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}
@media (min-width:481px){body{box-shadow:0 0 0 .5px var(--sep)}}

/* ════════ 2026 · Liquid Glass katmanı (Apple HIG) ════════
   Işığı kıran yarı saydam yüzeyler, üst kenarda ışık çizgisi, yüzen kontroller.
   Bulanıklık yalnız büyük yüzeylerde (performans); kartlarda saydamlık + ışık kenarı. */
:root{
  --glass:rgba(255,255,255,.58); --glass-strong:rgba(255,255,255,.78); --glass-edge:rgba(255,255,255,.7);
  --glass-shadow:0 10px 30px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06);
  --spec:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.04);
}
@media (prefers-color-scheme:dark){:root{
  --glass:rgba(38,38,42,.55); --glass-strong:rgba(44,44,48,.78); --glass-edge:rgba(255,255,255,.12);
  --glass-shadow:0 10px 30px rgba(0,0,0,.45); --spec:inset 0 1px 0 rgba(255,255,255,.14);
}}
body{background:radial-gradient(140% 60% at 50% -10%,color-mix(in srgb,var(--brand) 10%,var(--bg)),var(--bg) 60%) fixed;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
.rf-top{background:var(--glass);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-bottom:0;box-shadow:var(--spec),0 1px 0 var(--sep)}
.rf-icon,.rf-google{background:var(--glass-strong);box-shadow:var(--spec),0 0 0 .5px var(--sep)}
.rf-order-toggle{box-shadow:var(--spec),0 4px 14px rgba(0,0,0,.18)}
.rf-nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.rf-back,.rf-tabs{background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--spec),var(--glass-shadow)}
.rf-tabs{padding:4px;border-radius:999px;gap:2px;mask-image:none}
.rf-tab{background:transparent;box-shadow:none;height:30px}
.rf-tab[aria-current=page]{background:var(--text);color:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.18)}
/* Yüzen alt çubuk */
.rf-bar{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);max-width:calc(var(--app) - 20px);padding:7px;border-radius:30px;border-top:0;
  background:var(--glass);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);box-shadow:var(--spec),var(--glass-shadow),0 0 0 .5px var(--glass-edge)}
.rf-btn{box-shadow:var(--spec)}
.rf-btn.wa,.rf-btn.primary,.rf-btn.dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.14)}
.rf-toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
/* Kategori kartı: cam etiket */
.rf-cat{border-radius:26px;box-shadow:var(--glass-shadow)}
.rf-cat::after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35))}
.rf-cat span{left:8px;right:8px;bottom:8px;padding:9px 12px;border-radius:18px;background:rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 .5px rgba(255,255,255,.25)}
/* Ürün kartı */
.rf-card{border-radius:26px;background:var(--glass-strong);box-shadow:var(--spec),var(--glass-shadow),0 0 0 .5px var(--glass-edge)}
.rf-media{border-radius:22px;margin:5px 5px 0}
.rf-wa{margin:6px 8px 0;border-radius:999px;border-bottom:0;box-shadow:var(--spec),0 0 0 .5px color-mix(in srgb,var(--wa) 25%,transparent)}
.rf-info-pill{box-shadow:var(--spec),0 0 0 .5px color-mix(in srgb,var(--warn) 30%,transparent)}
.rf-stepper{background:var(--surface-2);box-shadow:var(--spec)}
/* Detay penceresi: cam yüzey */
.rf-scrim{background:rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rf-sheet{background:var(--glass-strong);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:var(--spec),0 -10px 40px rgba(0,0,0,.18);border-radius:32px 32px 0 0}
.rf-group{background:var(--glass);box-shadow:var(--spec),0 0 0 .5px var(--sep);border-radius:20px}
.rf-gallery{border-radius:0 0 26px 26px;overflow-x:auto}
.rf-close{border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 18px rgba(229,36,43,.4)!important}
/* Instagram takip kartı */
.rf-follow{display:flex;align-items:center;gap:12px;margin:4px 14px 18px;padding:12px;border-radius:24px;background:var(--glass-strong);box-shadow:var(--spec),var(--glass-shadow),0 0 0 .5px var(--glass-edge)}
.rf-follow .ig{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.rf-follow .t{flex:1;min-width:0}
.rf-follow b{display:block;font-size:15px}
.rf-follow small{color:var(--text-2);font-size:12.5px}
.rf-follow .btn{flex:none;height:34px;padding:0 14px;border-radius:999px;display:grid;place-items:center;background:var(--text);color:var(--bg);font-weight:600;font-size:13px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--glass:var(--surface);--glass-strong:var(--surface)}
}

/* ════════ Spatial · Generative · Agentic ════════ */
.rf-icon{position:relative}
@media (max-width:400px){.rf-hide-xs{display:none}.rf-brand small{display:none}.rf-order-toggle{padding:0 10px}}
/* Mekânsal derinlik: detay açılınca arka plan geri çekilir (iOS kart yığını) */
main,.rf-top,.rf-nav,.rf-title,.rf-sub,.rf-follow{transition:transform .5s var(--ease),filter .5s var(--ease)}
html.rf-deep main,html.rf-deep .rf-nav,html.rf-deep .rf-title,html.rf-deep .rf-sub{transform:scale(.94) translateY(8px);filter:saturate(.8) brightness(.96)}
html.rf-deep .rf-top{transform:scale(.97);filter:brightness(.96)}
.rf-card,.rf-cat{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rf-card::after,.rf-cat .shine{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .3s}
.rf-card{position:relative}
.rf-card:hover::after{opacity:1}
/* Kaydırırken kartlar derinlikten yükselir (destekleyen tarayıcılarda) */
/* (Kaydırmaya bağlı kart animasyonu kaldırıldı: listelenirken titreme ve bozuk görüntü yapıyordu.) */
/* Öneri şeritleri */
.ai-rail{margin:4px 0 10px}
.ai-rail h2{font-size:17px;letter-spacing:-.2px;padding:6px 18px}
.ai-rail>div{display:flex;gap:10px;overflow-x:auto;padding:4px 14px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.ai-rail>div::-webkit-scrollbar{display:none}
.ai-rail a{flex:0 0 118px;scroll-snap-align:start;border-radius:20px;padding:5px 5px 9px;background:var(--glass-strong);box-shadow:var(--spec),var(--glass-shadow),0 0 0 .5px var(--glass-edge)}
.ai-rail img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.ai-rail b{display:block;font-size:12.5px;line-height:1.25;margin:6px 4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ai-rail small{display:block;font-size:12px;color:var(--text-2);margin:2px 4px 0}
/* Asistan */
.ai-h{font-size:24px;letter-spacing:-.4px;margin:4px 0 10px}
.ai-form .rf-field{margin:0;height:50px;font-size:16px;background:var(--glass);box-shadow:var(--spec),0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent)}
.ai-chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}
.ai-chips::-webkit-scrollbar{display:none}
.ai-chips button{flex:none;height:32px;padding:0 12px;border-radius:999px;background:var(--glass);box-shadow:var(--spec),0 0 0 .5px var(--sep);font-size:13px;font-weight:600}
.ai-why{font-size:13px;color:var(--text-2);min-height:18px;margin:8px 2px}
.ai-list{display:grid;gap:8px}
.ai-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:18px;background:var(--glass);box-shadow:var(--spec),0 0 0 .5px var(--sep)}
.ai-item img,.ai-item .ph{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none;background:var(--surface-2)}
.ai-item .t{flex:1;min-width:0;display:grid;gap:3px}
.ai-item b{font-size:14.5px}
.ai-item small{font-size:12px;color:var(--text-2)}
.ai-item small.warn{color:var(--warn);font-weight:600}
.ai-add{flex:none;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;font-size:22px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.ai-alg{display:flex;flex-wrap:wrap;gap:8px}
.ai-alg button{height:38px;padding:0 14px;border-radius:999px;background:var(--glass);box-shadow:var(--spec),0 0 0 .5px var(--sep);font-weight:600}
.ai-alg button.on{background:var(--warn);color:#fff}
/* Alerji işareti */
.rf-card.rf-avoid .rf-media img,.rf-card.rf-avoid .rf-media video{filter:grayscale(.6) brightness(.8)}
.rf-avoid-tag{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 9px;border-radius:12px;font-size:11.5px;font-weight:700;color:#fff;background:rgba(178,80,0,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* Sipariş takip rozeti */
.rf-orderpill{position:sticky;top:calc(58px + env(safe-area-inset-top,0px));z-index:45;display:flex;align-items:center;gap:8px;margin:8px auto 0;width:max-content;max-width:calc(100% - 28px);height:36px;padding:0 14px;border-radius:999px;font-size:13px;background:var(--glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--spec),var(--glass-shadow)}
.rf-orderpill i{width:8px;height:8px;border-radius:50%;background:#34C759;animation:rfPulse 1.6s infinite}
.rf-orderpill[data-d=hazir] i{background:var(--brand)}
[hidden]{display:none!important}
.ai-rail a{flex-basis:104px}
.ai-rail img{aspect-ratio:4/3.4}
.rf-ing-line{font-size:11.5px;line-height:1.35;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rf-ing-line span{font-weight:600;color:var(--text)}
.rf-ing-line b{color:var(--warn);font-weight:700}
/* Kategori kartı: görsel tamamen serbest, isim görselin altında */
.rf-cat{aspect-ratio:auto;display:flex;flex-direction:column;background:var(--glass-strong);padding:5px;box-shadow:var(--spec),var(--glass-shadow),0 0 0 .5px var(--glass-edge)}
.rf-cat::after{content:none}
.rf-cat img{aspect-ratio:1/1;height:auto;border-radius:21px}
.rf-cat span{position:static;padding:9px 8px 6px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:var(--text);border-radius:0}
.rf-cat b{font-size:15px}
.rf-cat small{color:var(--text-2);opacity:1}
/* Kategori ve ürün kartlarında 3B katman gereksiz: bazı Android/Chromium sürümlerinde görseli boş çizebiliyor */
.rf-cat,.rf-card{transform-style:flat;will-change:auto}
/* Resmî denetim (Tarım ve Orman Bakanlığı / Tarımcebimde) */
.rf-seal{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff;background:linear-gradient(145deg,#2FB35A,#1A7F3C);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px rgba(26,127,60,.35)}
.rf-trust{display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:4px 14px 12px;padding:11px 14px;border-radius:20px;text-align:left;background:var(--glass-strong);box-shadow:var(--spec),var(--glass-shadow),0 0 0 1px color-mix(in srgb,#1A7F3C 28%,transparent)}
.rf-trust .t{flex:1;min-width:0}
.rf-trust b{display:block;font-size:15px}
.rf-trust small{display:block;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-trust .go{font-size:24px;color:var(--text-2);line-height:1}
.rf-trust-sm{width:100%;margin:0 0 14px}
.rf-denetim{margin:4px 0 14px;padding:14px;border-radius:22px;background:var(--glass);box-shadow:var(--spec),0 0 0 1px color-mix(in srgb,#1A7F3C 25%,transparent)}
.rf-denetim-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rf-denetim-top b{display:block;font-size:16px}
.rf-denetim-top small{color:var(--text-2);font-size:12px}
.rf-denetim-body{display:flex;gap:14px;align-items:center}
.rf-denetim-body img{width:132px;height:132px;flex:none;border-radius:14px;background:#fff;padding:6px;box-shadow:0 0 0 .5px var(--sep)}
.rf-denetim-body p{font-size:13.5px;color:var(--text-2);line-height:1.45}
.rf-denetim .rf-actions{flex-wrap:wrap}
.rf-denetim .rf-actions .rf-btn{flex:1 1 auto;height:40px;font-size:13.5px}
.rf-den-lbl{display:block;font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.3px}
.rf-den-date{display:block;font-size:22px;letter-spacing:-.3px;color:#1A7F3C;margin:2px 0 6px}
/* Logo: bara sonradan yerleştirilmiş ayrı bir cam katman gibi — büyük, halkalı, derinlikli */
.rf-logo{width:50px;height:50px;border-radius:15px;position:relative;z-index:2;background:#fff;
  box-shadow:0 0 0 3px var(--surface),0 10px 24px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.rf-brand:active .rf-logo{transform:scale(.94)}
.rf-home .rf-top{padding-bottom:10px}
.rf-home .rf-logo{width:66px;height:66px;border-radius:20px;margin:0 2px -30px 0;transform:translateY(4px) rotate(-2deg)}
.rf-home .rf-brand{align-items:flex-start}
.rf-home .rf-brand > span{padding-top:9px}
.rf-home main{padding-top:30px!important}
@media (prefers-color-scheme:dark){.rf-logo{box-shadow:0 0 0 3px #1C1C1E,0 10px 24px rgba(0,0,0,.5)}}
.rf-home .rf-brand b{font-size:14px;letter-spacing:-.3px}
@media (max-width:400px){.rf-home .rf-logo{width:60px;height:60px;margin-bottom:-26px}.rf-google{padding:0 8px}.rf-home .rf-brand>span{display:none}} /* dar ekranda ad logonun içinde okunur */
/* Ürün hikâyesi: editoryal tipografi, kutusuz, geniş satır aralığı */
.rf-story{margin:18px 2px 4px;font-size:15.5px;line-height:1.6;color:var(--text)}
.rf-story p{margin:0 0 10px;text-wrap:pretty}
.rf-story > p:first-child{font-size:17px;line-height:1.55;letter-spacing:-.2px}
.rf-story h4{margin:18px 0 6px;font-size:12px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.6px}
.rf-story ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rf-story li{position:relative;padding-left:18px}
.rf-story li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--brand);transform:rotate(45deg)}
/* Telefonda detay tam ekran: kenar boşluğu yok, görsel üstte, yazı görselin altında */
@media (max-width:640px){
  .rf-sheet{max-height:100dvh;height:100dvh;border-radius:0!important}
  .rf-sheet .rf-grab{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:4}
  .rf-sheet .rf-grab::before{background:rgba(255,255,255,.7)}
  .rf-gallery{border-radius:0!important;margin-top:0}
  .rf-slide{max-height:68dvh}
  .rf-sheet .rf-close{top:calc(14px + env(safe-area-inset-top,0px))}
}
/* TGK Ek-15/4: ad yanı zorunlu bilgi, adın x-yüksekliğinin en az %75'i (24px ad → 18px) */
.rf-d-ek{margin-top:4px;font-size:18px;line-height:1.3;font-weight:600;color:var(--text)}
.rf-card .rf-ek{display:block;font-size:12px;font-weight:600;color:var(--text);margin-top:2px}
.rf-law{margin:14px 2px 0;font-size:11.5px;line-height:1.5;color:var(--text-2)}
.rf-law a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Liste kartı sade: alerjen çipleri + yanında enerji */
.rf-alg-mini{align-items:center;margin-top:6px}
.rf-alg-mini em{font-style:normal;font-size:11px;font-weight:700;color:var(--text);margin-left:4px;white-space:nowrap}
.rf-alg-mini em small{font-weight:500;color:var(--text-2);font-size:10px}

/* Ek-2 uyarıları (alkol, tatlandırıcı, domuz kaynaklı): adın yanında, diğer bilgilerden ayrışan vurguyla */
.rf-e2{display:inline-block;margin:4px 6px 0 0;padding:2px 8px;border-radius:6px;background:var(--text);color:var(--bg);font-size:11.5px;font-weight:700;letter-spacing:.01em}

/* Sepette ödeme şekli (Nakit / Kart / Havale-EFT) */
.rf-pay{margin-top:12px}.rf-pay>b{display:block;font-size:13px;color:var(--text-2);font-weight:600;margin:0 2px 6px}
.rf-pay>div{display:flex;gap:6px}.rf-pay label{flex:1}.rf-pay input{position:absolute;opacity:0}
.rf-pay span{display:grid;place-items:center;height:44px;border-radius:12px;background:var(--surface-2);font-size:14px;font-weight:600;text-align:center;padding:0 6px}
.rf-pay input:checked+span{background:var(--brand);color:#fff}.rf-pay input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.rf-iban{margin-top:8px}

/* Gramajlı satış: kartta ve detayda her gramajın fiyatı */
.rf-sizes{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin-top:8px}
.rf-sizes span{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:12px;background:var(--surface-2);min-width:0}
.rf-sizes small{font-size:11px;font-weight:600;color:var(--text-2);white-space:nowrap}
.rf-sizes b{font-size:13.5px;letter-spacing:-.2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rf-d-price .rf-d-sizes{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;min-width:210px}
.rf-d-sizes span{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:14px;background:var(--surface-2)}
.rf-d-sizes span.on{background:var(--text);color:var(--bg)}
.rf-d-sizes span.on small{color:inherit;opacity:.75}
.rf-d-sizes small{font-size:12px;font-weight:600;color:var(--text-2)}
.rf-d-sizes b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rf-d-head:has(.rf-d-sizes){flex-direction:column;align-items:stretch}
.rf-d-price:has(.rf-d-sizes){width:100%;text-align:center;white-space:normal}
.rf-d-price .rf-d-sizes b{font-size:17px}

/* ════════ Sıkı yerleşim (Süleyman Usta): gereksiz boşluk yok, logo barın içinde, sabit bar sade ════════ */
html{scroll-padding-top:112px}
.rf-top{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px}
.rf-logo{width:42px;height:42px;border-radius:12px}
.rf-home .rf-top{padding-bottom:6px}
.rf-home .rf-logo{width:46px;height:46px;border-radius:14px;margin:0;transform:none}
.rf-home .rf-brand{align-items:center}
.rf-home .rf-brand > span{padding-top:0}
.rf-home main{padding-top:8px!important}
@media (max-width:400px){.rf-home .rf-logo{width:44px;height:44px;margin:0}.rf-home .rf-brand>span{display:block}}
.rf-nav{top:calc(54px + env(safe-area-inset-top,0px));padding:6px 12px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rf-title{padding:8px 16px 0;font-size:24px;letter-spacing:-.4px}
.rf-sub{padding:2px 16px 4px;font-size:12.5px}
.rf-section{padding:12px 16px 6px;font-size:17px}
.rf-grid{gap:10px;padding:0 12px 6px}
.rf-cats{gap:10px;padding:4px 12px 12px}
/* Sabit barın altından geçen kartlar bara karışmasın: bar zemini opak, alt çizgi ince */
.rf-top{background:color-mix(in srgb,var(--surface) 96%,transparent)}
/* Şube seçici */
.rf-sube{position:relative;flex:none}
.rf-sube summary{list-style:none;cursor:pointer;height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;background:var(--surface-2);color:var(--text)}
.rf-sube summary::-webkit-details-marker{display:none}
.rf-sube[open] summary{background:var(--text);color:var(--bg)}
.rf-sube-menu{position:absolute;right:0;top:38px;z-index:60;min-width:230px;padding:6px;border-radius:18px;background:var(--surface);box-shadow:0 18px 40px rgba(0,0,0,.18),0 0 0 .5px var(--sep)}
.rf-sube-menu a{display:block;padding:10px 12px;border-radius:12px}
.rf-sube-menu a[aria-current]{background:var(--brand-soft)}
.rf-sube-menu b{display:block;font-size:14px}
.rf-sube-menu small{display:block;font-size:11.5px;color:var(--text-2);margin-top:2px}
.rf-map{padding:0;overflow:hidden}
.rf-map iframe{display:block;width:100%;aspect-ratio:16/10;border:0}
.rf-social{display:flex;gap:8px;margin-top:12px}
.rf-social a{flex:1;text-align:center;padding:10px;border-radius:14px;background:var(--surface-2);font-weight:600;font-size:14px}
