/* Страница /sell, новая вёрстка. Подключается через $page_css в templates/thavorn_new/sell.php и sell.dev.php.
   Все селекторы — под .sell2 (класс на <main>), чтобы ничего не задеть на остальных страницах. */

.sell2{color:var(--color);}
.sell2 .sell2_block{padding:60px 0;}
.sell2 .sell2_block--tint{background:#f1f7fb;}
.sell2 .sell2_h2{margin:0 0 30px;font-family:"Unbounded";font-size:28px;font-weight:500;line-height:1.25;letter-spacing:.5px;color:var(--color_accent);}

/* --- Первый экран: текст, форма, фото --- */
.sell2 .sell2_offer{padding:10px 0 50px;}
.sell2 .sell2_offer-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;grid-template-areas:"text form" "photo form";gap:30px 50px;align-items:start;}
.sell2 .sell2_offer-text{grid-area:text;}
.sell2 .sell2_form{grid-area:form;}
.sell2 .sell2_photo{grid-area:photo;}

.sell2 .sell2_h1{margin:0 0 18px;font-family:"Unbounded";font-size:40px;font-weight:700;line-height:1.15;letter-spacing:.5px;color:var(--color);}
.sell2 .sell2_lead{margin:0 0 22px;max-width:620px;font-size:18px;line-height:1.55;}
.sell2 .sell2_bullets{display:grid;gap:10px;margin:0;padding:0;list-style:none;}
.sell2 .sell2_bullets li{position:relative;padding-left:30px;font-size:16px;line-height:1.4;}
.sell2 .sell2_bullets li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#e8f9f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.3l3 3 6-6.6' fill='none' stroke='%230f9f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;}

.sell2 .sell2_photo{border-radius:5px;overflow:hidden;aspect-ratio:16/10;background:#e3eaf0;}
.sell2 .sell2_photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% 40%;}

/* --- Форма --- */
.sell2 .sell2_form{display:grid;gap:16px;padding:30px;border:1px solid #e3eaf0;border-radius:5px;background:#fff;box-shadow:5px 5px 30px 0 rgba(25,145,202,.12);}
.sell2 .sell2_form-title{margin:0;font-family:"Unbounded";font-size:20px;font-weight:500;line-height:1.3;color:var(--color);}
.sell2 .sell2_form-sub{margin:-10px 0 0;font-size:15px;color:var(--color_gray);}
.sell2 .sell2_field{display:grid;gap:6px;min-width:0;}
.sell2 .sell2_label{font-size:13px;font-weight:500;color:var(--color);}
.sell2 .sell2_label em{font-style:normal;font-weight:400;color:var(--color_gray);}
.sell2 .sell2_input{width:100%;height:46px;padding:10px 14px;border:1px solid #c5ced6;border-radius:5px;background:#fff;font-size:16px;color:var(--color);}
.sell2 .sell2_input::placeholder{color:#9aa4ad;}
.sell2 .sell2_input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px rgba(25,145,202,.15);}
.sell2 .sell2_input.is-invalid{border-color:var(--color_red);}
.sell2 .iti{display:block;width:100%;}
/* Подсказки названий: разметку строк генерирует sections/omnibox_suggest.php, здесь только вид.
   Точка и подпись типа скрыты — в этой форме нужен один текст. */
.sell2 .sell2_suggest{position:relative;}
.sell2 .sell2_suggest-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;max-height:260px;overflow-y:auto;padding:6px;border:1px solid #dbe3ec;border-radius:5px;background:#fff;box-shadow:0 12px 32px rgba(18,33,47,.14);}
.sell2 .sell2_suggest-list[hidden]{display:none;}
.sell2 .sell2_suggest-list .omni__option{padding:9px 10px;border-radius:4px;cursor:pointer;font-size:15px;line-height:1.3;color:var(--color);}
.sell2 .sell2_suggest-list .omni__option:hover,.sell2 .sell2_suggest-list .omni__option.is-active{background:#eef6fb;}
.sell2 .sell2_suggest-list .omni__dot,.sell2 .sell2_suggest-list .omni__option-kind{display:none;}
.sell2 .sell2_row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.sell2 .sell2_chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.sell2 .sell2_chip{position:relative;cursor:pointer;}
.sell2 .sell2_chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.sell2 .sell2_chip span{display:flex;align-items:center;justify-content:center;height:42px;padding:0 6px;border:1px solid #c5ced6;border-radius:5px;font-size:14px;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.sell2 .sell2_chip input:checked + span{border-color:var(--color_accent);background:#e8f4fa;color:var(--color_accent);font-weight:500;}
.sell2 .sell2_chip input:focus-visible + span{box-shadow:0 0 0 3px rgba(25,145,202,.25);}

.sell2 .sell2_submit{margin-top:4px;}
.sell2 .sell2_submit[disabled]{opacity:.55;cursor:not-allowed;}
.sell2 .sell2_chat{display:grid;gap:8px;}
.sell2 .sell2_chat-label{font-size:14px;text-align:center;color:var(--color_gray);}
.sell2 .sell2_chat-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.sell2 .sell2_chat-item{position:relative;}
.sell2 .sell2_chat-btn{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 6px;border:1px solid #c5ced6;border-radius:5px;font-size:14px;font-weight:500;color:var(--color);transition:border-color .2s ease,background .2s ease;}
.sell2 .sell2_chat-btn:hover{border-color:var(--color_accent);background:#f1f7fb;}
.sell2 .sell2_chat-btn svg{flex:0 0 18px;fill:currentColor;}
/* QR для сканирования с телефона — только там, где есть наведение (как на странице объекта) */
.sell2 .sell2_qr{display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:70;width:202px;padding:10px 10px 8px;border:1px solid #dbe3ec;border-radius:5px;background:#fff;box-shadow:0 12px 32px rgba(18,33,47,.18);text-align:center;}
.sell2 .sell2_qr::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:9px solid transparent;border-top-color:#fff;}
.sell2 .sell2_qr-code{width:180px;height:180px;margin:0 auto;}
.sell2 .sell2_qr span{display:block;margin-top:6px;font-size:12px;line-height:1.3;color:var(--color_gray);}
@media (hover:hover) and (min-width:992px){
	.sell2 .sell2_chat-item:hover .sell2_qr{display:block;}
}
.sell2 .sell2_agreement{margin:0;font-size:11px;line-height:1.4;text-align:center;color:#919191;}

/* --- Цифры --- */
.sell2 .sell2_stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0 0;padding:26px 30px;list-style:none;border-radius:5px;background:#f1f7fb;}
.sell2 .sell2_stat{display:grid;gap:4px;}
.sell2 .sell2_stat-num{font-family:"Unbounded";font-size:30px;font-weight:700;line-height:1.1;color:var(--color_accent);}
.sell2 .sell2_stat-label{font-size:14px;line-height:1.35;}

/* --- Услуги --- */
.sell2 .sell2_services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;}
.sell2 .sell2_service{padding:24px;border:1px solid #e3eaf0;border-radius:5px;background:#fff;}
.sell2 .sell2_service-title{margin:0 0 8px;font-family:"Unbounded";font-size:16px;font-weight:500;line-height:1.35;color:var(--color);}
.sell2 .sell2_service-text{margin:0;font-size:15px;line-height:1.5;color:#4a5560;}

/* --- Шаги --- */
.sell2 .sell2_steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;counter-reset:sell2step;}
.sell2 .sell2_step{position:relative;padding:58px 22px 22px;border-radius:5px;background:#fff;counter-increment:sell2step;}
.sell2 .sell2_step::before{content:counter(sell2step);position:absolute;top:18px;left:22px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--color_accent);color:#fff;font-family:"Unbounded";font-size:13px;font-weight:500;}
.sell2 .sell2_step-title{margin:0 0 8px;font-family:"Unbounded";font-size:16px;font-weight:500;line-height:1.35;color:var(--color);}
.sell2 .sell2_step-text{margin:0;font-size:15px;line-height:1.5;color:#4a5560;}
.sell2 .sell2_cta{width:auto;display:inline-flex;margin-top:30px;padding-left:44px;padding-right:44px;}

/* --- Проданные --- */
.sell2 .sell2_sold{margin-top:0;}
.sell2 .sell2_more{display:inline-block;margin-top:26px;font-size:16px;font-weight:500;color:var(--color_accent);text-decoration:underline;}

/* --- Советы --- */
.sell2 .sell2_tips{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;}
.sell2 .sell2_tip{padding:22px;border-radius:5px;background:#fff;}
.sell2 .sell2_tip img{display:block;width:56px;height:56px;margin-bottom:14px;object-fit:contain;}
.sell2 .sell2_tip-title{margin:0 0 8px;font-family:"Unbounded";font-size:15px;font-weight:500;line-height:1.35;color:var(--color);}
.sell2 .sell2_tip-text{margin:0;font-size:15px;line-height:1.5;color:#4a5560;}

/* --- Текст из CMS --- */
.sell2 .sell2_prose{max-width:820px;font-size:16px;line-height:1.65;overflow-wrap:break-word;}
.sell2 .sell2_prose h2,.sell2 .sell2_prose h3{margin:1.4em 0 .6em;font-family:"Unbounded";font-size:22px;font-weight:500;line-height:1.3;letter-spacing:.5px;color:var(--color_accent);}
.sell2 .sell2_prose > :first-child,.sell2 .sell2_prose > p:first-child + h2{margin-top:0;}
.sell2 .sell2_prose p{margin:0 0 .8em;}
.sell2 .sell2_prose ul,.sell2 .sell2_prose ol{margin:0 0 1em;padding-left:1.4em;}
.sell2 .sell2_prose ul{list-style:disc;}
.sell2 .sell2_prose ol{list-style:decimal;}
.sell2 .sell2_prose li{display:list-item;list-style:inherit;margin-bottom:.5em;}
.sell2 .sell2_prose strong,.sell2 .sell2_prose b{font-weight:600;}
.sell2 .sell2_prose img{max-width:100%;height:auto;}
.sell2 .sell2_prose a{color:var(--color_accent);text-decoration:underline;}

@media only screen and (max-width:1199.98px){
	.sell2 .sell2_offer-grid{grid-template-columns:minmax(0,1fr) 400px;gap:24px 30px;}
	.sell2 .sell2_h1{font-size:32px;}
	.sell2 .sell2_services{grid-template-columns:repeat(2,1fr);}
	.sell2 .sell2_steps,.sell2 .sell2_tips{grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:991.98px){
	.sell2 .sell2_block{padding:44px 0;}
	.sell2 .sell2_offer-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "form" "photo";}
	.sell2 .sell2_stats{grid-template-columns:repeat(2,1fr);padding:22px;}
	.sell2 .sell2_h2{font-size:24px;margin-bottom:22px;}
}
@media only screen and (max-width:575.98px){
	.sell2 .sell2_offer{padding-bottom:36px;}
	.sell2 .sell2_h1{font-size:26px;}
	.sell2 .sell2_lead{font-size:16px;margin-bottom:18px;}
	.sell2 .sell2_form{padding:20px 16px;}
	.sell2 .sell2_row{grid-template-columns:1fr;}
	.sell2 .sell2_chips{grid-template-columns:repeat(2,1fr);}
	.sell2 .sell2_services,.sell2 .sell2_steps,.sell2 .sell2_tips{grid-template-columns:1fr;}
	.sell2 .sell2_stat-num{font-size:24px;}
	.sell2 .sell2_h2{font-size:21px;}
	.sell2 .sell2_cta{display:flex;width:100%;}
}