/*! Юридичні сторінки (договір оферти й подібні).
   Текст на світло-бежевому тлі — прохання клієнтки. Правила обмежені
   .svl-legal: класи .hero, .breadcrumbs, .eyebrow вже зайняті головною
   й каталогом. */

.svl-legal{
	--ink:#141819;--muted:#5b605e;--line:#ddd6c9;
	color:var(--ink);color-scheme:light;background:#f7f2e9;
	font-family:Inter,system-ui,sans-serif}

.svl-legal h1,.svl-legal h2{margin:0;font-family:Manrope,Inter,sans-serif}
.svl-legal p{margin:0}
.svl-legal .lg-wrap{width:min(880px,90vw);margin:0 auto}

/* ------------------------------------------------------------- шапка */

.svl-legal .lg-hero{
	background:linear-gradient(118deg,#f8f3ea 0%,#efe4d3 64%,#e9dac3 100%);
	border-bottom:1px solid #dccfbc;padding:26px 0 58px;position:relative;overflow:hidden}
.svl-legal .lg-hero:before{
	content:"";pointer-events:none;background:radial-gradient(circle,#f7a51a33,#0000 70%);
	border-radius:50%;width:38vw;height:38vw;position:absolute;top:-22vw;right:-12vw}
.svl-legal .lg-hero .lg-wrap{position:relative;z-index:2}
.svl-legal .lg-crumbs{
	color:#8a8176;display:flex;align-items:center;gap:10px;margin-bottom:48px;font-size:11px}
.svl-legal .lg-crumbs a:hover{color:#151819}
.svl-legal .lg-crumbs b{color:#343735;font-weight:450}
.svl-legal .lg-eyebrow{
	color:var(--orange);letter-spacing:.27em;margin-bottom:16px;font-size:9px;font-weight:500}
.svl-legal .lg-hero h1{
	letter-spacing:-.05em;font-size:clamp(34px,4.4vw,60px);font-weight:270;line-height:1.02}
.svl-legal .lg-lead{color:#5f5b55;max-width:620px;margin-top:16px;font-size:16px;line-height:1.6}
.svl-legal .lg-date{color:#8d857a;margin-top:22px;font-size:11px;letter-spacing:.06em}

/* -------------------------------------------------------------- текст */

.svl-legal .lg-body{padding:56px 0 96px}
.svl-legal .lg-body p{color:#3d423f;margin:0 0 15px;font-size:15px;line-height:1.75}
/* Підпункти «а)», «б)» — з відступом, щоб видно було підпорядкування. */
.svl-legal .lg-body p.sub{padding-left:22px;position:relative}
.svl-legal .lg-body p.sub:before{
	content:"";background:var(--orange);width:6px;height:1px;position:absolute;top:13px;left:0}

.svl-legal .lg-body h2{
	letter-spacing:-.03em;border-top:1px solid var(--line);margin:44px 0 20px;padding-top:26px;
	font-size:clamp(22px,2.2vw,29px);font-weight:520;line-height:1.2}
.svl-legal .lg-body h2:first-child{border-top:0;margin-top:0;padding-top:0}
.svl-legal .lg-body h2 span{color:var(--orange);margin-right:10px;font-weight:600}

/* Реквізити продавця — окремим блоком, а не суцільним текстом. */
.svl-legal .lg-body p.req{
	background:#fffdf8;border:1px solid var(--line);border-bottom:0;margin:0;
	padding:11px 20px;font-size:14px}
.svl-legal .lg-body p.req:first-of-type{padding-top:18px}
.svl-legal .lg-body p.req:last-child{border-bottom:1px solid var(--line);padding-bottom:18px}

.svl-legal .lg-body a{color:#a76a06;text-decoration:underline;text-underline-offset:3px}
.svl-legal .lg-body a:hover{color:var(--orange)}
.svl-legal .lg-body ul,.svl-legal .lg-body ol{color:#3d423f;margin:0 0 15px;padding-left:22px;
	font-size:15px;line-height:1.75}
.svl-legal .lg-body li{margin-bottom:8px}

@media (width<=720px){
	.svl-legal .lg-wrap{width:calc(100% - 32px)}
	.svl-legal .lg-hero{padding:18px 0 40px}
	.svl-legal .lg-crumbs{margin-bottom:32px;font-size:10px}
	.svl-legal .lg-hero h1{font-size:clamp(29px,8.6vw,36px);line-height:1.06}
	.svl-legal .lg-lead{margin-top:13px;font-size:15px}
	.svl-legal .lg-body{padding:40px 0 68px}
	.svl-legal .lg-body h2{margin:32px 0 16px;padding-top:22px;font-size:21px}
	.svl-legal .lg-body p{font-size:15px;line-height:1.7}
	.svl-legal .lg-body p.req{padding:10px 16px;font-size:13.5px}
}