/* Araç QR sticker tasarımları: web sitesi ve Android uygulaması ortak kullanır. */
.grid{--w:60mm;--h:90mm;--k:1}
/* sticker: boyut .grid üzerindeki --w/--h ile seçilir; iç ölçüler --k ile ölçeklenir (60x90 mm = 1) */
.block{background:#fff}
.sticker{width:var(--w);height:var(--h);background:#fff;border:calc(var(--k)*.4mm) dashed #9aa0a8;border-radius:calc(var(--k)*3mm);padding:calc(var(--k)*2.5mm);
  display:flex;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* alt kenar boşluğunda küçük reklam satırı: kesim çizgisinin içinde kalır, sticker'la birlikte yapışır */
.sticker{position:relative;padding-bottom:calc(var(--k)*5.2mm)}
.sticker .brand{position:absolute;left:0;right:0;bottom:calc(var(--k)*1.3mm);text-align:center;font-family:"Barlow",system-ui,sans-serif;
  font-size:calc(var(--k)*6pt);line-height:1;color:#4b5360;white-space:nowrap;letter-spacing:.01em}
.sticker .brand b{display:inline;font-size:inherit;font-weight:700;color:#0a3a9e}  /* uygulamanın .card b gibi stilleri büyütmesin */
.tek .sticker .brand{bottom:calc(var(--k)*1mm)}
.sticker .in{position:relative;flex:1;display:flex;flex-direction:column;border:calc(var(--k)*.8mm) solid var(--ink);border-radius:calc(var(--k)*2mm);
  overflow:hidden;background:#fff;color:var(--ink)}
.sticker .in > *{position:relative}
.sticker .top{background:var(--band);color:#fff;text-align:center;padding:calc(var(--k)*2mm) calc(var(--k)*1.5mm) calc(var(--k)*1.8mm);display:flex;align-items:center;
  justify-content:center;gap:calc(var(--k)*1.5mm);font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;font-size:calc(var(--k)*11pt);line-height:1.05}
.sticker .top svg{flex:none}
.sticker .ic-cat{width:calc(var(--k)*11mm);height:calc(var(--k)*9.3mm)}.sticker .ic-smile{width:calc(var(--k)*6mm);height:calc(var(--k)*6mm)}.sticker .ic-moon{width:calc(var(--k)*4.5mm);height:calc(var(--k)*4.5mm)}
.sticker .msgline{text-align:center;font-weight:700;font-size:calc(var(--k)*9pt);line-height:1.2;padding:calc(var(--k)*1.5mm) calc(var(--k)*2mm) 0}
.sticker .qr{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--k)*1mm) 0}
.sticker .qr .box{background:#fff;padding:calc(var(--k)*1mm);border-radius:calc(var(--k)*1.5mm);line-height:0}
.sticker .qr svg{width:calc(var(--k)*38mm);height:calc(var(--k)*38mm);display:block}
/* yer darsa (uzun söz, reklam satırı) QR kalan yüksekliğe sığacak kadar küçülür, hiçbir yazının üstüne binmez */
.sticker .qr .box{max-height:100%;box-sizing:border-box;display:flex}
.sticker .qr svg{max-height:100%;max-width:100%;aspect-ratio:1/1;height:auto;flex:1 1 auto;min-height:0}
.sticker .how{text-align:center;font-size:calc(var(--k)*7pt);line-height:1.2;opacity:.85;padding:0 calc(var(--k)*2mm) calc(var(--k)*1.2mm)}
.sticker .code{background:var(--ink);color:#fff;text-align:center;font-family:"Barlow Condensed","Barlow",sans-serif;
  font-weight:700;font-size:calc(var(--k)*10pt);letter-spacing:.12em;padding:calc(var(--k)*1mm)}
.sticker .deco{position:absolute;inset:0;width:100%;height:100%}
/* plaka */
.d-plaka .top{background:#fff;color:var(--ink);padding:0;border-bottom:calc(var(--k)*.8mm) solid var(--ink);gap:0;align-items:stretch}
.d-plaka .top .tr{background:var(--band);color:#fff;width:calc(var(--k)*7mm);font-size:calc(var(--k)*7pt);display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--k)*1mm)}
.d-plaka .top .t{flex:1;padding:calc(var(--k)*1.8mm) calc(var(--k)*1mm);font-size:calc(var(--k)*13pt);letter-spacing:.06em}
/* dikkat */
.d-dikkat .in{background:#ffd400}
.d-dikkat .top{background:#111;color:#ffd400;font-size:calc(var(--k)*12pt);letter-spacing:.04em}
.d-dikkat .stripe{line-height:0}.d-dikkat .stripe svg{width:100%;height:calc(var(--k)*3.5mm);display:block}
.d-dikkat .code{background:#111;color:#ffd400}
/* kedi */
.d-kedi .in{background:#fff1e3;border-color:#d9682b}
.d-kedi .top{background:transparent;color:#d9682b;font-size:calc(var(--k)*15pt);padding:calc(var(--k)*1.5mm) calc(var(--k)*1.5mm) 0}
.d-kedi .code{background:#d9682b}
/* özür */
.d-ozur .in{background:#e8f7ee;border-color:#0c7a43}
.d-ozur .top{background:#0c7a43;font-size:calc(var(--k)*10.5pt)}
.d-ozur .code{background:#0c7a43}
/* gece */
.d-gece .in{background:#0d1530;border-color:#0d1530;color:#fff}
.d-gece .top{background:transparent;color:#5ef2ff;font-size:calc(var(--k)*13pt);letter-spacing:.05em}
.d-gece .code{background:#5ef2ff;color:#0d1530}
/* minimal (mürekkep dostu) */
.d-minimal .top{background:#fff;color:var(--ink);border-bottom:calc(var(--k)*.5mm) solid var(--ink)}
.d-minimal .code{background:#fff;color:var(--ink);border-top:calc(var(--k)*.5mm) solid var(--ink)}
/* retro */
.d-retro .in{background:linear-gradient(#2b1055,#7a2a8c 55%,#ff6a88);border-color:#2b1055;color:#fff}
.d-retro .top{background:transparent;color:#ffd166;font-size:calc(var(--k)*13pt);letter-spacing:.08em}
.d-retro .code{background:#ffd166;color:#2b1055}
/* roket */
.d-roket .in{background:#101a3d;border-color:#101a3d;color:#fff}
.d-roket .top{background:transparent;color:#ff9a6b;font-size:calc(var(--k)*10.5pt)}
.d-roket .code{background:#ff7849;color:#101a3d}
/* kahve */
.d-kahve .in{background:#f6ede3;border-color:#6f4e37;color:#3b2a1e}
.d-kahve .top{background:#6f4e37;font-size:calc(var(--k)*11pt)}
.d-kahve .code{background:#6f4e37}
/* köpek */
.d-kopek .in{background:#e6f3ff;border-color:#2f6fb5}
.d-kopek .top{background:transparent;color:#2f6fb5;font-size:calc(var(--k)*15pt);padding:calc(var(--k)*1.5mm) calc(var(--k)*1.5mm) 0}
.d-kopek .code{background:#2f6fb5}
/* kahraman */
.d-kahraman .in{background:#ffd400;border-color:#111;border-width:calc(var(--k)*1.1mm)}
.d-kahraman .top{background:#e4002b;font-size:calc(var(--k)*10.5pt);letter-spacing:.03em}
.d-kahraman .msgline{color:#111}
.d-kahraman .code{background:#e4002b}
/* trafik lambası */
.d-lamba .in{background:#23272f;border-color:#23272f;color:#fff}
.d-lamba .top{background:transparent;flex-direction:column;gap:calc(var(--k)*1mm);color:#fff;font-size:calc(var(--k)*12pt)}
.d-lamba .code{background:#2ecc71;color:#111}
/* sarı kart */
.d-sarikart .in{background:#1f8a3b;border-color:#14612a;color:#fff}
.d-sarikart .top{background:transparent;font-size:calc(var(--k)*13pt);letter-spacing:.04em}
.d-sarikart .code{background:#ffd400;color:#111}
/* takım renkleri: --c1 ana renk, --c2 ikinci renk, --t1 / --t2 üstlerindeki yazı rengi */
.team .in{border-color:var(--c1);background:color-mix(in srgb,var(--c2) 12%,#fff)}
.team .top{background:var(--c1);color:var(--t1);font-size:calc(var(--k)*12pt);letter-spacing:.03em;border-bottom:calc(var(--k)*1.6mm) solid var(--c2)}
.team .code{background:var(--c1);color:var(--t1);border-top:calc(var(--k)*.6mm) solid var(--c2)}
.team .tstripe{order:1;flex:none;height:calc(var(--k)*2.2mm);
  background:repeating-linear-gradient(90deg,var(--c1) 0 calc(var(--k)*3mm),var(--c2) calc(var(--k)*3mm) calc(var(--k)*6mm))}
.team .code{order:2}
.d-sarikirmizi{--c1:#a6192e;--c2:#fdb913;--t1:#fff}
.d-sarilacivert{--c1:#0b2147;--c2:#ffd200;--t1:#ffd200}
.d-siyahbeyaz{--c1:#111;--c2:#fff;--t1:#fff}
.d-siyahbeyaz .in{background:#f4f4f4}
.d-siyahbeyaz .top{border-bottom:calc(var(--k)*1.6mm) solid transparent;background:linear-gradient(#111,#111) padding-box,repeating-linear-gradient(90deg,#111 0 calc(var(--k)*3mm),#fff calc(var(--k)*3mm) calc(var(--k)*6mm)) border-box}
.d-bordomavi{--c1:#6d1a36;--c2:#7cc0ea;--t1:#fff}
.d-kirmizibeyaz{--c1:#d71a28;--c2:#fff;--t1:#fff}
.d-kirmizibeyaz .in{background:#fff5f5}
.d-yesilbeyaz{--c1:#00843d;--c2:#fff;--t1:#fff}
.d-yesilbeyaz .in{background:#f2faf5}
/* çiçek */
.d-cicek .in{background:#fff0f5;border-color:#e05a8a}
.d-cicek .top{background:transparent;color:#c2185b;font-size:calc(var(--k)*13pt);padding:calc(var(--k)*1.8mm) calc(var(--k)*1.5mm) 0}
.d-cicek .code{background:#e05a8a}
/* piksel */
.d-piksel .in{background:#0b0b0b;border-color:#39ff14;color:#39ff14;font-family:"Courier New",ui-monospace,monospace}
.d-piksel .top{background:transparent;color:#39ff14;font-family:"Courier New",ui-monospace,monospace;font-size:calc(var(--k)*13pt);letter-spacing:.05em}
.d-piksel .msgline{font-size:calc(var(--k)*8.5pt)}
.d-piksel .code{background:#39ff14;color:#000;font-family:"Courier New",ui-monospace,monospace}
/* nazar */
.d-nazar .in{background:#0a3d91;border-color:#062a66;color:#fff}
.d-nazar .top{background:transparent;font-size:calc(var(--k)*15pt);letter-spacing:.05em}
.d-nazar .code{background:#fff;color:#0a3d91}
.sticker .ic-light{width:calc(var(--k)*13mm);height:calc(var(--k)*5mm)}.sticker .ic-card{width:calc(var(--k)*4.5mm);height:calc(var(--k)*6mm)}
/* ---- sosyal medyadan esinlenen komik tasarımlar ---- */
/* kamyon arkası */
.d-kamyon .in{background:#b3121b;border:calc(var(--k)*1.2mm) double #ffd400;color:#fff}
.d-kamyon .top{background:#ffd400;color:#b3121b;font-size:calc(var(--k)*9.5pt);line-height:1.1;padding:calc(var(--k)*1.6mm) calc(var(--k)*2mm);letter-spacing:.01em}
.d-kamyon .kamyon-stars{text-align:center;color:#ffd400;font-size:calc(var(--k)*7pt);letter-spacing:calc(var(--k)*1.2mm);line-height:1;padding:calc(var(--k)*.8mm) 0}
.d-kamyon .msgline{font-size:calc(var(--k)*9pt)}
.d-kamyon .how{font-style:italic}
.d-kamyon .code{background:#ffd400;color:#b3121b}
/* park karnesi */
.d-karne .in{background:#fffdf5;border-color:#1f3a93;color:#1f3a93;
  background-image:repeating-linear-gradient(#fffdf5 0 calc(var(--k)*3.6mm),#c9d6f2 calc(var(--k)*3.6mm) calc(var(--k)*3.8mm))}
.d-karne .top{background:#1f3a93;justify-content:space-between;padding:calc(var(--k)*1.6mm) calc(var(--k)*2.4mm);font-size:calc(var(--k)*13pt);letter-spacing:.06em}
.d-karne .grade{display:inline-flex;align-items:baseline;justify-content:center;width:calc(var(--k)*10mm);height:calc(var(--k)*10mm);border:calc(var(--k)*.7mm) solid #e4002b;border-radius:50%;
  color:#e4002b;background:#fff;font-size:calc(var(--k)*13pt);line-height:calc(var(--k)*9mm);transform:rotate(-12deg);margin:-1.5mm 0}
.d-karne .grade small{font-size:calc(var(--k)*6pt)}
.d-karne .msgline{color:#1f3a93}
.d-karne .code{background:#1f3a93}
/* not bırakmayın: yapışkan not */
.d-postit .in{background:#fff27a;border-color:#e0c200;color:#3b3200;box-shadow:inset 0 -3mm calc(var(--k)*4mm) #00000012}
.d-postit .top{background:transparent;color:#3b3200;font-size:calc(var(--k)*11pt);padding:calc(var(--k)*2mm) calc(var(--k)*1.5mm) 0;transform:rotate(-2deg)}
.d-postit .msgline{font-style:italic}
.d-postit .code{background:#3b3200;color:#fff27a}
/* mim */
.d-mim .in{background:radial-gradient(circle at 50% 45%,#6b7280,#1f2937 75%);border-color:#000;color:#fff}
.d-mim .top,.d-mim .mim-bottom{background:transparent;color:#fff;font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;text-transform:uppercase;
  text-align:center;letter-spacing:.02em;
  text-shadow:calc(var(--k)*.35mm) calc(var(--k)*.35mm) 0 #000,-.35mm calc(var(--k)*.35mm) 0 #000,calc(var(--k)*.35mm) -.35mm 0 #000,-.35mm -.35mm 0 #000,0 calc(var(--k)*.4mm) 0 #000,0 -.4mm 0 #000,calc(var(--k)*.4mm) 0 0 #000,-.4mm 0 0 #000}
.d-mim .top{font-size:calc(var(--k)*16pt);padding:calc(var(--k)*2mm) calc(var(--k)*1.5mm) 0}
.d-mim .msgline{font-size:calc(var(--k)*7.5pt);font-weight:600;opacity:.85}
.d-mim .mim-bottom{font-size:calc(var(--k)*13pt);line-height:1.05;padding:0 calc(var(--k)*1.5mm) calc(var(--k)*1.5mm)}
.d-mim .how{display:none}
.d-mim .code{background:#000}
/* 5 dakikaya geliyorum */
.d-besdk .in{background:#e8f6ff;border-color:#0b74c4}
.d-besdk .top{background:#0b74c4;font-size:calc(var(--k)*13pt);letter-spacing:.03em}
.d-besdk .code{background:#0b74c4}
/* çay molası */
.d-cay .in{background:#7a1f12;border-color:#4a1209;color:#fff;
  background-image:radial-gradient(circle at 20% 15%,#ffffff14 0 calc(var(--k)*2mm),transparent calc(var(--k)*2.2mm)),radial-gradient(circle at 85% 80%,#ffffff10 0 calc(var(--k)*3mm),transparent calc(var(--k)*3.2mm))}
.d-cay .top{background:transparent;font-size:calc(var(--k)*11pt);line-height:1.05;text-align:left;gap:calc(var(--k)*2mm)}
.d-cay .code{background:#f6e2b3;color:#7a1f12}
.sticker .ic-tea{width:calc(var(--k)*7mm);height:calc(var(--k)*8.75mm)}
.pin{width:var(--w);border:calc(var(--k)*.4mm) dashed #9aa0a8;border-top:0;padding:calc(var(--k)*2.5mm);text-align:center;font-size:calc(var(--k)*9pt);background:#fff}
.pin span{display:block;font-size:calc(var(--k)*20pt);font-weight:700;letter-spacing:.15em;margin:calc(var(--k)*1mm) 0}
.pin small{color:#666}
.only-sticker .pin,.only-pin .sticker{display:none}
.only-pin .pin{border-top:calc(var(--k)*.4mm) dashed #9aa0a8}
.small-size .sticker .how{display:none}
.tek .sticker,.tek .pin{border-color:transparent;border-radius:0}
/* basılı sipariş: A4 baskı alanı 190x277 mm */
.sheet{width:190mm;height:277mm;display:flex;flex-direction:column;gap:3mm;background:#fff}
.sheet-row{display:flex;gap:3mm;align-items:flex-start}
.sheet .grid{display:block}
.sheet.sheet-fill{flex-direction:row;flex-wrap:wrap;align-content:flex-start}