/* Alajan vitrin kapakları (D karoları). Üretici: vitrin-kapaklar-uret.py. Görsel dosyası, AI görseli ya da mağaza fotoğrafı yok.
   Kullanım: <button class="at-karo kapak-<slug>">. Karo ölçüsü asistan-tam.css'ten; burada yalnızca background. */
/* ikonun arkasındaki yumuşak daire + ikon + desen + zemin; etiket alt şeritte koyu metin (#241F26 açık zeminde, AA üstü) */
.at-karo[class*="kapak-"] .at-karo-g{display:block}
.at-karo[class*="kapak-"] .at-karo-g[hidden]{display:none}
.at-karo[class*="kapak-"] .at-karo-ad{background:rgba(251,247,241,.94);color:#241F26;padding:.42rem .55rem .45rem;border-top:1px solid rgba(46,34,28,.08)}
.at-karo:has(.at-karo-g img):not(:has(.at-karo-g[hidden])) .at-karo-ad{background:linear-gradient(transparent,rgba(36,31,38,.88));color:#fff;border-top:0;padding:1.4rem .55rem .5rem}
@media (prefers-reduced-motion:no-preference){.at-karo[class*="kapak-"]{transition:border-color .15s}}
.kapak-gida{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%23C53F22%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%2222%22 y=%229%22 width=%2220%22 height=%227%22 rx=%222%22/%3E%3Cpath d=%22M21 16h22v5c4 2 6 5 6 9v19a6 6 0 0 1-6 6H21a6 6 0 0 1-6-6V30c0-4 2-7 6-9z%22/%3E%3Cpath d=%22M15 33h34M15 45h34%22/%3E%3Cpath d=%22M28 39c2-3 6-3 8 0%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),radial-gradient(#C53F2226 1.3px,transparent 1.8px) 0 0/12px 12px,linear-gradient(160deg,#FFE6D9,#FFD0BC)}
.kapak-elektronik{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%231F7F74%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 40v-8a19 19 0 0 1 38 0v8%22/%3E%3Crect x=%229%22 y=%2238%22 width=%2211%22 height=%2217%22 rx=%224%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2211%22 height=%2217%22 rx=%224%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),linear-gradient(#1F7F7426 1px,transparent 1px) 0 0/14px 14px,linear-gradient(90deg,#1F7F7426 1px,transparent 1px) 0 0/14px 14px,linear-gradient(160deg,#DCF1EE,#BFE3DD)}
.kapak-hediyelik{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%23A8441E%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%2211%22 y=%2224%22 width=%2242%22 height=%2210%22 rx=%222%22/%3E%3Cpath d=%22M15 34v20h34V34M32 24v30%22/%3E%3Cpath d=%22M32 24c-3-8-14-11-14-4s11 4 14 4zm0 0c3-8 14-11 14-4s-11 4-14 4z%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),repeating-linear-gradient(45deg,#A8441E26 0 2px,transparent 2px 12px),linear-gradient(160deg,#FFF0D3,#FFDCA6)}
.kapak-kitap-kirtasiye{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%231F6F66%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 15h18a7 7 0 0 1 7 7v30a5 5 0 0 0-5-5H7zM57 15H39a7 7 0 0 0-7 7v30a5 5 0 0 1 5-5h20z%22/%3E%3Cpath d=%22M12 24h12M12 31h12M40 24h12M40 31h12%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),repeating-linear-gradient(180deg,transparent 0 11px,#1F6F6626 11px 12px),linear-gradient(160deg,#E6F4F1,#CFE8E3)}
.kapak-ev-yasam{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%239A4A2A%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 9h22l8 20H13z%22/%3E%3Cpath d=%22M32 29v20M21 55h22M26 55c0-4 2-6 6-6s6 2 6 6%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),conic-gradient(#9A4A2A26 25%,transparent 0 50%,#9A4A2A26 0 75%,transparent 0) 0 0/16px 16px,linear-gradient(160deg,#F6EFE4,#EADBC4)}
.kapak-giyim{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%23B23A1E%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 10 9 17l5 12 7-3v29h22V26l7 3 5-12-13-7a10 10 0 0 1-20 0z%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),repeating-linear-gradient(90deg,#B23A1E26 0 3px,transparent 3px 14px),linear-gradient(160deg,#FFE2DA,#FDCBBE)}
.kapak-kozmetik{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%231F7F74%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%2211%22 y=%2228%22 width=%2220%22 height=%2227%22 rx=%225%22/%3E%3Cpath d=%22M16 28v-6h10v6M21 22v-7h8M15 40h12%22/%3E%3Crect x=%2238%22 y=%2238%22 width=%2213%22 height=%2217%22 rx=%222%22/%3E%3Cpath d=%22M40 38V27l9-6v17%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),radial-gradient(circle at 50% 50%,transparent 4px,#1F7F7426 4.5px 5.5px,transparent 6px) 0 0/18px 18px,linear-gradient(160deg,#FCEBE6,#F3D3CB)}
.kapak-taki-aksesuar{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%23241F26%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2232%22 cy=%2242%22 r=%2213%22/%3E%3Cpath d=%22M26 15h12l5 7-11 9-11-9z%22/%3E%3Cpath d=%22M21 22h22M29 15l3 7 3-7%22/%3E%3C/svg%3E") 50% 36%/44% no-repeat,radial-gradient(circle at 50% 36%,rgba(255,255,255,.75) 0 27%,transparent 27.5%),linear-gradient(45deg,#241F2626 25%,transparent 25% 75%,#241F2626 75%) 0 0/14px 14px,linear-gradient(45deg,#241F2626 25%,transparent 25% 75%,#241F2626 75%) 7px 7px/14px 14px,linear-gradient(160deg,#EFE8F0,#DCD0DE)}