<P><style><BR> /* Tamamen SCOPE'LU: Global stilleri bozmaz */<BR> .et-notice{<BR> --et-bg: #ffffff;<BR> --et-fg: #0f172a;<BR> --et-muted: #475569;<BR> --et-brand: #dc2626;<BR> --et-brand-weak:#fee2e2;<BR> --et-ring: rgba(220,38,38,.15);<BR> --et-card:#ffffff;<BR> --et-border:#e5e7eb;<BR> --et-success:#16a34a;<BR> --et-warning:#f59e0b;<BR> color-scheme: light dark;<BR> font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;<BR> color: var(--et-fg);<BR> }<BR> @media (prefers-color-scheme: dark){<BR> .et-notice{<BR> --et-bg:#0b1220; --et-fg:#e5e7eb; --et-muted:#94a3b8; --et-brand:#f87171;<BR> --et-brand-weak:#3f1515; --et-ring: rgba(248,113,113,.25); --et-card:#0f172a; --et-border:#1f2937;<BR> }<BR> }<BR> .et-notice[data-theme="dark"]{<BR> --et-bg:#0b1220; --et-fg:#e5e7eb; --et-muted:#94a3b8; --et-brand:#f87171;<BR> --et-brand-weak:#3f1515; --et-ring: rgba(248,113,113,.25); --et-card:#0f172a; --et-border:#1f2937;<BR> }<BR> .et-notice, .et-notice *{ box-sizing: border-box; }</P>
<P> /* GENİŞ ve NEFESLİ YAPI */<BR> .et-notice .container{max-width:1280px;margin-inline:auto;padding:clamp(22px,4.5vw,48px); background: var(--et-bg);}<BR> .et-notice .badge{<BR> display:inline-flex;align-items:center;gap:.6rem;<BR> background:var(--et-brand-weak); color:var(--et-brand);<BR> border:1px solid var(--et-brand); font-weight:700;<BR> padding:.45rem .8rem; border-radius:999px; letter-spacing:.2px<BR> }<BR> .et-notice .notice{<BR> background:var(--et-card);<BR> border:1px solid var(--et-border);<BR> border-radius:24px;<BR> padding:clamp(24px,3.2vw,40px);<BR> box-shadow:0 1px 0 var(--et-border), 0 24px 48px -22px var(--et-ring);<BR> }<BR> .et-notice .notice h2{ margin:.35rem 0 1.25rem; font-size:clamp(1.6rem,3vw,2.1rem)}<BR> .et-notice .kicker{font-size:1.08rem;color:var(--et-muted);margin-top:-.2rem}</P>
<P> .et-notice .grid{ display:grid; gap:24px; grid-template-columns: 1fr; }<BR> @media (min-width: 900px){ .et-notice .grid{ grid-template-columns: 1.1fr .9fr; gap:40px; } }</P>
<P> .et-notice .list{ display:grid; gap:14px; margin:0; padding:0; list-style:none; }<BR> .et-notice .item{<BR> display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:start;<BR> background:linear-gradient(180deg, transparent, transparent 70%, rgba(0,0,0,.025));<BR> border:1px dashed var(--et-border); border-radius:16px; padding:1.1rem 1.25rem;<BR> font-size:1.07rem; /* ← metinleri büyüttük */<BR> }<BR> .et-notice .item strong u{ text-underline-offset: 3px; }<BR> .et-notice .muted{color:var(--et-muted)}<BR> .et-notice .icon{ inline-size:1.3rem; block-size:1.3rem; margin-top:.3rem; flex:0 0 auto }</P>
<P> .et-notice .em{ border-left:4px solid var(--et-brand); padding-left:1.1rem; margin:.9rem 0; }<BR> .et-notice .callout{<BR> display:flex; gap:.95rem; align-items:flex-start;<BR> background:rgba(22,163,74,.08); border:1px solid rgba(22,163,74,.25);<BR> border-radius:14px; padding:1.05rem 1.25rem; font-size:1.07rem;<BR> }<BR> .et-notice .warn{ background:rgba(245,158,11,.08); border-color:rgba(245,158,11,.25) }<BR> .et-notice .about{ margin-top:clamp(18px,3vw,28px); background:linear-gradient(180deg, transparent, rgba(0,0,0,.03)); border:1px solid var(--et-border); border-radius:18px; padding:1.25rem; font-size:1.07rem; }<BR> .et-notice .about em{ font-style:normal; color:var(--et-muted) }<BR> .et-notice .split{ display:flex; gap:.9rem; flex-wrap:wrap; margin-top:.6rem }<BR> .et-notice .pill{border:1px solid var(--et-border); border-radius:999px; padding:.38rem .75rem; font-size:.96rem; color:var(--et-muted)}</P>
<P> /* Küçük ekran iyileştirmeleri */<BR> @media (max-width: 480px){<BR> .et-notice .container { padding: 22px 20px; }<BR> .et-notice .item { padding: 1.05rem 1.2rem; gap: 1rem; }<BR> }</P>
<P> /* Yazdırma */<BR> @media print{ .et-notice .badge{border-color:black;color:black;background:white} .et-notice .item{border-color:black} }<BR></style></P>
<P><section class="et-notice" role="region" aria-labelledby="onemli-baslik"><BR> <div class="container"><BR> <div class="notice" data-layout="two-column"><BR> <span class="badge" aria-hidden="true"><BR> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><BR> <circle cx="12" cy="12" r="10"></circle><BR> <line x1="12" y1="8" x2="12" y2="12"></line><BR> <line x1="12" y1="16" x2="12.01" y2="16"></line><BR> </svg><BR> Önemli Açıklama – Lütfen okuyunuz<BR> </span></P>
<P> <h2 id="onemli-baslik">Satın alım öncesi bilmeniz gerekenler</h2><BR> <p class="kicker">Resmi faturalı ve distribütör garantili ürün satışı — hızlı kargo, şeffaf koşullar.</p></P>
<P> <div class="grid"><BR> <!-- SOL SÜTUN: KOŞULLAR --><BR> <div><BR> <ul class="list" aria-label="Ürün ve teslimat koşulları"><BR> <li class="item"><BR> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><BR> <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><BR> <path d="M22 4 12 14.01l-3-3"></path><BR> </svg><BR> <div><BR> <strong>Ürünlerimiz resmi orijinal <u>FATURALI</u> ve <u>DİSTRİBÜTÖR GARANTİLİ</u>dir.</strong><BR> </div><BR> </li></P>
<P> <li class="item"><BR> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><BR> <path d="M3 9h18l-1 10H4L3 9Z"></path><BR> <path d="M7 9V4h10v5"></path><BR> </svg><BR> <div><BR> <strong>