/* İade ve cayma hakkı — draft legal help on .doc-layout / .doc-article from style.css */
/* Editable document text (pages.content): only plain tags arrive here, so style them by element.
   Same block in shipping, payment, returns, kvkk, cookies, distance-sales, pre-information and membership .css */
.page-lead p+p{margin-top:10px}
.page-lead a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.page-head-aside .icon{width:18px;height:18px}
.doc-layout.no-toc{grid-template-columns:minmax(0,1fr)}
.doc-article h4{font-size:16px;margin:20px 0 6px;color:var(--ink)}
.doc-article strong{color:var(--ink)}
.doc-article table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
.doc-article th,.doc-article td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.65}
.doc-article th{background:#f6f8fa;font-weight:800;color:var(--ink)}
.doc-article tbody th[scope=row]{width:34%}
.doc-article td{color:#4a5d70}
.doc-article blockquote{margin:18px 0;padding:16px 20px;border-radius:10px;background:#fff5e9;border:1px solid #f4ddbd;border-left:4px solid var(--orange)}
.doc-article blockquote p,.doc-article blockquote li{color:#6e4b22}
.doc-article blockquote strong{color:#5c3d18}
.doc-article blockquote a{color:#6e4b22}
.doc-article blockquote>:first-child{margin-top:0}
.doc-article blockquote>:last-child{margin-bottom:0}
.doc-article hr{border:0;border-top:1px solid var(--line);margin:32px 0}
/* TOC rows are 22.8px apart; 1px more keeps the 24px target spacing (WCAG 2.5.8). Block links keep the
   list number next to the first line when a long heading wraps. */
.doc-toc a{display:block;line-height:1.6;padding:3px 0}
.doc-toc li{padding-block:1px}
@media(max-width:640px){
.doc-article th,.doc-article td{padding:9px 10px;font-size:14px;overflow-wrap:anywhere}
.doc-article tbody th[scope=row]{width:40%}
.doc-article table.stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.doc-article table.stacked,.doc-article table.stacked tbody,.doc-article table.stacked tr,.doc-article table.stacked th,.doc-article table.stacked td{display:block;width:100%}
.doc-article table.stacked tbody tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}
.doc-article table.stacked th,.doc-article table.stacked td{border:0;border-top:1px solid var(--line);padding:9px 14px}
.doc-article table.stacked tbody tr>:first-child{border-top:0}
.doc-article table.stacked td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.page-head-aside,.page-head-aside .button{width:100%}
}

/* Numbered lists read as steps (help pages only) */
.doc-article ol{list-style:none;padding:0;margin:16px 0;counter-reset:step;display:grid;gap:10px}
.doc-article ol>li{counter-increment:step;position:relative;min-height:64px;padding:14px 16px 14px 66px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:15px;line-height:1.7}
.doc-article ol>li:before{content:counter(step);position:absolute;left:16px;top:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--navy);font-weight:800;font-size:16px}
.doc-article ol>li>strong:first-child{font-size:16px;line-height:1.5}
@media(max-width:640px){.doc-article ol>li{padding:12px 12px 12px 58px}.doc-article ol>li:before{left:12px;top:12px;width:32px;height:32px;font-size:15px}}

.doc-related{margin-top:44px;padding:24px;border-radius:12px;background:#edf4f9}
.doc-article .doc-related h2{font-size:19px;margin:0 0 10px}
.doc-article .doc-related ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;list-style:none;padding:0;margin:0}
.doc-article .doc-related li{font-size:15px}
.doc-article .doc-related a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:700;text-decoration:none}
.doc-article .doc-related a:hover{text-decoration:underline}
.doc-related .icon{width:19px;height:19px}
@media(max-width:640px){.doc-article .doc-related ul{grid-template-columns:1fr}}

/* "Taslak · yayından önce hukuki inceleme gerekir" — only while the shop is in demo mode */
.draft-banner{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;margin:0 0 30px;border-radius:10px;background:#fff5e9;border:1px solid #f4ddbd;border-left:4px solid var(--orange);color:#6e4b22;font-size:15px}
.draft-banner>.icon{width:24px;height:24px;margin-top:2px;color:#8a5a22}
.draft-banner strong{font-size:16px}
.draft-banner p{margin-top:2px}
@media(max-width:640px){.draft-banner{padding:14px 16px}}