*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Outfit,system-ui,sans-serif;background:#F6EEFF;color:#1E0B3A;line-height:1.45}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(135deg,#F0244B 0%,#7B2FF2 100%);color:#fff;padding:28px 0 64px}
.logo{border-radius:50%;border:3px solid #fff;display:block;margin-bottom:14px}
h1{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:800}
.sub{font-size:19px;font-weight:500;margin:0 0 16px}
.warn{font-size:15px;font-weight:500;background:#1E0B3A;border-radius:12px;padding:12px 14px;margin:0;max-width:560px}
main{margin-top:-36px}
.grid{display:grid;gap:16px;grid-template-columns:1fr}
.card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 6px 24px rgba(30,11,58,.12);display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.no{background:#F6EEFF;color:#7B2FF2;font-weight:800;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}
.store{font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#6a1fd6}
h2{font-size:21px;line-height:1.25;margin:0 0 4px;font-weight:700}
.det{margin:0;color:#4a3a66;font-size:15px}
.price{margin:14px 0 6px}.price span{display:inline-block;background:#1E0B3A;color:#CCFF33;font-weight:800;font-size:34px;line-height:1;padding:10px 14px;border-radius:12px}
.date{margin:0 0 4px;font-weight:700;font-size:15px}
.note{margin:0 0 16px;font-size:14px;color:#4a3a66}
.btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px;background:linear-gradient(135deg,#C81A3E,#7B2FF2);color:#fff;text-decoration:none;font-weight:700;font-size:17px;padding:10px 16px}
.btn:focus-visible,footer a:focus-visible{outline:3px solid #1E0B3A;outline-offset:3px}
footer{background:#1E0B3A;color:#e6dcf7;margin-top:40px;padding:28px 0 36px;font-size:15px}
footer p{margin:0 0 10px}.links{display:flex;flex-direction:column}
footer a{color:#fff;font-weight:700;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:760px){.grid{grid-template-columns:1fr 1fr;gap:20px}h1{font-size:46px}.hero{padding:44px 0 80px}.links{flex-direction:row;gap:28px}}
/* v2 */
.hero .wrap{display:grid;grid-template-columns:1fr;row-gap:16px;justify-items:start}
.logo{width:120px;height:120px;object-fit:cover;object-position:50% 38%;border:4px solid #CCFF33;margin:0;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.hi h1{margin:0 0 8px}.hi .sub{margin:0}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#F0244B,#7B2FF2)}
.pic{display:block;width:calc(100% + 40px);margin:-20px -20px 16px;aspect-ratio:4/3;object-fit:cover}
.pic~.top{margin-top:0}
.tag{background:#CCFF33;color:#1E0B3A;font-weight:800;font-size:13px;letter-spacing:.08em;border-radius:8px;padding:3px 10px;margin-right:auto;margin-left:10px}
.card.feat{grid-column:1/-1;background:#1E0B3A;color:#fff;padding:26px 22px}
.feat::before{background:#CCFF33}
.feat .no{background:#fff}.feat .store{color:#fff}
.feat .det,.feat .note{color:#e6dcf7}
.feat h2{font-size:26px}
.feat .price span{font-size:48px;padding:12px 18px;background:#2d1659;color:#CCFF33}
.feat .btn{background:#CCFF33;color:#1E0B3A}
.feat .btn:focus-visible{outline-color:#fff}
.feat .pic{width:calc(100% + 44px);margin:-26px -22px 18px}
@media(min-width:760px){.hero .wrap{grid-template-columns:150px 1fr;column-gap:28px;align-items:center}.logo{width:150px;height:150px}.warn{grid-column:1/-1}.feat{display:grid;grid-template-columns:1fr auto;column-gap:32px;align-items:center;padding:34px}.feat>*{grid-column:1}.feat .price{grid-column:2;grid-row:1/6;margin:0}.feat .price span{font-size:64px}.feat .btn{margin-top:8px;max-width:420px}.feat h2{font-size:32px}.feat .pic{grid-column:1/-1;width:calc(100% + 68px);margin:-34px -34px 20px}}
.feat .top{justify-content:flex-start;gap:10px}.feat .tag{margin:0}.feat .store{margin-left:4px}
/* v3: kompakt üst alan */
.hero{padding:14px 0 44px}
.hero .wrap{grid-template-columns:60px 1fr;column-gap:12px;row-gap:10px;align-items:center}
.logo{width:60px;height:60px;border-width:2px;box-shadow:none}
h1{font-size:25px}.hi h1{margin:0 0 2px}.sub{font-size:14px;line-height:1.3}
.warn{grid-column:1/-1;font-size:13px;line-height:1.35;padding:8px 12px;border-radius:10px}
main{margin-top:-30px}
@media(min-width:760px){.hero{padding:20px 0 52px}.hero .wrap{grid-template-columns:72px 1fr;column-gap:16px}.logo{width:72px;height:72px}h1{font-size:32px}.sub{font-size:16px}.warn{max-width:none;justify-self:start}}
/* v4: ürün sticker + ürün sayfası */
.card h2 a{color:inherit;text-decoration:none}
.sticker{position:absolute;top:14px;right:14px;width:84px;height:84px;object-fit:contain;background:#fff;border-radius:18px;border:3px solid #CCFF33;box-shadow:0 6px 16px rgba(30,11,58,.28);transform:rotate(5deg);padding:3px}
.card .top{padding-right:96px}.card h2{padding-right:96px;min-height:52px}
.card .det{padding-right:96px}
.card .store{margin-left:auto}.card .top{justify-content:flex-start;gap:10px}
.feat .sticker{width:104px;height:104px}.feat h2{padding-right:116px}.feat .top{padding-right:116px}.feat .det{padding-right:116px}
.tek{margin-top:0}.tek h1{font-size:28px;line-height:1.2;margin:0 0 4px;padding-right:116px}
.marka{margin:0;font-weight:800;font-size:22px}.marka a{color:#fff;text-decoration:none}
.diger{margin:28px 0 0}.diger h2{font-size:20px}.diger ul{padding:0;list-style:none;margin:0 0 12px}.diger li{padding:10px 0;border-bottom:1px solid #dccdf5}.diger a{color:#5b16c0;font-weight:700}
@media(min-width:760px){.feat .sticker{right:300px;top:24px}.feat h2{padding-right:0}.feat .det,.feat .top{padding-right:0}.tek{display:block}.tek .sticker{right:24px}.tek .price span{font-size:48px}}
.tag{white-space:nowrap}
@media(min-width:760px){.feat{position:relative}.feat .sticker{right:auto;left:calc(100% - 420px);top:26px}.feat .top{padding-right:0;max-width:calc(100% - 180px)}.feat h2{max-width:calc(100% - 150px);padding-right:0}.feat .store{margin-left:4px}.feat .price span{font-size:56px}.tek .sticker{left:auto;right:28px}.tek h1{max-width:calc(100% - 200px);padding-right:0}.tek .top{max-width:none}}
/* v5: çerez bandı */
.cerez{position:fixed;left:12px;right:12px;bottom:12px;z-index:9;background:#1E0B3A;color:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(30,11,58,.45);font-size:14px;line-height:1.35;max-width:560px;margin:0 auto}
.cerez[hidden]{display:none}.cerez p{margin:0 0 10px}
.cerez div{display:flex;gap:10px}.cerez button{flex:1;min-height:44px;border-radius:10px;border:0;font:700 15px Outfit,system-ui,sans-serif;cursor:pointer}
#cerez-kabul{background:#CCFF33;color:#1E0B3A}#cerez-ret{background:#3a2560;color:#fff}
.ayar{background:none;border:0;color:#fff;font:700 15px Outfit,system-ui,sans-serif;text-decoration:underline;padding:0;min-height:44px;cursor:pointer}
/* v6: üstte sosyal linkler */
.sosyal{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}
.sosyal a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#fff;color:#1E0B3A;border-radius:10px;font-weight:700;font-size:13px;text-decoration:none}
.sosyal a:focus-visible{outline:3px solid #CCFF33;outline-offset:2px}
.hero{padding-bottom:44px}
@media(min-width:760px){.sosyal{display:flex;width:auto}.sosyal a{padding:0 18px;font-size:15px}}
/* v7: sosyal linkler simge */
.sosyal{display:flex;gap:10px;width:auto;grid-template-columns:none}
.sosyal a{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(30,11,58,.25)}
.sosyal svg{display:block}
@media(min-width:760px){.sosyal a{padding:0;width:48px}}