Собрание "Вечная классика" в кожаном переплете в 60 томах
Собрание "Вечная классика" в кожаном переплете в 60 томах
<div class="blue-collection" itemscope itemtype="https://schema.org/Product">
<div class="content">
<h1 itemprop="name">Собрание «Вечная классика» в кожаном переплете — 60 томов мудрости для сильных лидеров</h1>
<!-- Характеристики -->
<div class="charact" itemprop="description">
<h3>Характеристики издания:</h3>
<ul>
<li><strong>Материал:</strong> <span itemprop="material">Натуральная кожа высшего качества</span></li>
<li><strong>Размер:</strong> 170х230х50 мм (одна книга)</li>
<li><strong>Вес одной книги:</strong> 0,8 кг</li>
<li><strong>Техника:</strong> Полностью ручная работа</li>
<li><strong>Упаковка:</strong> Подарочная коробка</li>
</ul>
</div>
<!-- Кастомизация -->
<div class="custom-alert">
<span class="star">✦</span> <u>Возможно изменение дизайна, цвета и фактуры кожи, оттенка бумаги по Вашему пожеланию!</u>
</div>
<!-- Детальное описание -->
<section itemprop="description">
<p>Каждая книга данного собрания представлена в классическом переплете, изобретенном в XVII–XVIII веках, с сочетанием блинтового и золотого тиснения, выполненных на высококачественной натуральной коже. Дизайн дополнен крашенным в тон переплетного материала обрезом. Ляссе. Богато оформленные дюблюрами составные форзацы.</p>
</section>
<!-- Преимущества -->
<section class="benefits">
<h3>Почему это издание станет жемчужиной вашей библиотеки:</h3>
<ul>
<li>Эксклюзивное собрание вечных истин от величайших умов человечества</li>
<li>Полностью ручная работа — каждая книга уникальна</li>
<li>Натуральная кожа премиум-класса с золотым тиснением</li>
<li>Возможность создать индивидуальный дизайн по вашему вкусу</li>
<li>Подарочная коробка для достойного хранения</li>
<li>Рабочие тетради к каждому тому для практического применения знаний</li>
<li>Издание, которое передается из поколения в поколение</li>
</ul>
</section>
<!-- О чем -->
<section class="about">
<h3>О чем это собрание:</h3>
<div class="about-content">
<p>Лидеры прошлого делятся многовековым опытом с теми, кто наделен правом повелевать сегодня. Книги учат пользоваться властью, влиять на умы и сердца подчиненных.</p>
<p>Авторы книг серии — императоры и военачальники, философы и вожди наций, самураи и бизнес-лидеры, поэты и гениальные изобретатели. Каждый из них стал великим. И каждому из них есть что сказать нашим современникам. «Общение» с гениями позволит развить в себе способность мыслить и действовать эффективно.</p>
<p>К каждому тому прилагается «рабочая тетрадь», содержащая дайджест книги, основные факты из жизни автора, страницы для заметок.</p>
</div>
</section>
<!-- Сравнение -->
<section>
<h3>Чем это издание отличается от других:</h3>
<p>Обычные книги печатают тиражами. Это собрание создают вручную. Массовые издания теряют ценность со временем. Кожаные переплеты с золотым тиснением становятся только дороже. Стандартные книги дают знания. Это собрание дает мудрость, проверенную веками.</p>
</section>
<!-- FAQ -->
<section>
<h3>Ответы на частые вопросы:</h3>
<div class="faq-item">
<h4>Можно ли заказать отдельные тома из собрания?</h4>
<p>Собрание продается исключительно как комплект из 60 томов. Это целостная коллекция, где каждая книга дополняет другие, создавая полную картину мировой мудрости.</p>
</div>
<div class="faq-item">
<h4>Как долго изготавливается заказ?</h4>
<p>Срок изготовления индивидуального заказа составляет от 14 до 30 рабочих дней. Ручная работа требует времени для достижения идеального качества.</p>
</div>
<div class="faq-item">
<h4>Подойдет ли это собрание в подарок?</h4>
<p>Это идеальный подарок для руководителя, бизнесмена, коллекционера или человека, ценящего вечные истины. Подарочная коробка и роскошное исполнение делают презент по-настоящему статусным.</p>
</div>
</section>
<!-- Финальный блок -->
<div class="final-cta">
<p>Это не просто книги — это инвестиция в мудрость. Издание, которое становится семейной реликвией и символом настоящей образованности. Владеть таким собранием — значит иметь доступ к мыслям великих, оформленным с королевским размахом.</p>
</div>
</div>
</div>
<style>
/* Абсолютная изоляция и защита от внешних стилей */
.blue-collection,
.blue-collection * {
box-sizing: border-box;
margin: 0;
padding: 0;
/* Обнуляем возможные внешние влияния */
float: none;
position: static;
max-width: none;
min-width: 0;
max-height: none;
min-height: 0;
}
.blue-collection {
display: block;
width: 100%;
max-width: 1000px;
margin: 0 auto; /* убрать, если не нужно центрирование */
font-family: 'Georgia', 'Times New Roman', serif;
background: #ffffff;
border-radius: 28px;
box-shadow: 0 25px 50px -10px rgba(0, 55, 100, 0.3);
border: 1px solid rgba(0, 105, 180, 0.2);
overflow: hidden;
}
.blue-collection .content {
display: block;
width: 100%;
padding: 40px;
}
/* Все секции и блоки внутри — блочные и занимают всю ширину */
.blue-collection section,
.blue-collection div[class] {
display: block;
width: 100%;
clear: both;
}
/* Типографика */
.blue-collection h1 {
font-size: 2.2rem;
margin: 0 0 20px;
color: #003c6c;
border-left: 8px solid #1e81d9;
padding-left: 25px;
font-weight: 600;
letter-spacing: -0.02em;
}
.blue-collection h2,
.blue-collection h3 {
color: #0f4a7a;
font-weight: 500;
margin: 40px 0 20px;
border-bottom: 2px solid #b8d6f0;
padding-bottom: 10px;
}
.blue-collection h4 {
color: #1367a3;
margin: 0 0 8px;
font-size: 1.2rem;
font-weight: 600;
}
.blue-collection p {
color: #1f2c3c;
line-height: 1.7;
margin: 0 0 20px;
}
.blue-collection ul,
.blue-collection ol {
padding-left: 20px;
margin: 0 0 25px;
}
.blue-collection li {
margin-bottom: 10px;
color: #1f3b4e;
}
/* Характеристики */
.blue-collection .charact {
background: #e4f0fc;
padding: 25px 30px;
border-radius: 20px;
margin: 30px 0;
border: 1px solid #b5d3f0;
}
.blue-collection .charact h3 {
margin-top: 0;
border-bottom: none;
color: #003f6f;
}
.blue-collection .charact ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blue-collection .charact li {
flex: 1 1 200px;
background: white;
padding: 18px 22px;
border-radius: 16px;
box-shadow: 0 5px 12px rgba(0, 65, 120, 0.08);
margin: 0;
border-left: 5px solid #1e81d9;
}
.blue-collection .charact strong {
color: #0f5a9e;
display: block;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 6px;
}
/* Кастомизация */
.blue-collection .custom-alert {
background: #d9ebff;
border-left: 8px solid #136fc2;
padding: 18px 28px;
border-radius: 18px;
font-size: 1.2rem;
font-weight: 500;
color: #014182;
margin: 30px 0;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6);
}
.blue-collection .custom-alert u {
text-decoration: none;
border-bottom: 2px dashed #1e81d9;
}
.blue-collection .custom-alert .star {
color: #136fc2;
font-size: 1.4rem;
margin-right: 5px;
}
/* Преимущества */
.blue-collection .benefits ul {
list-style: none;
padding: 0;
}
.blue-collection .benefits li {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="%231e81d9"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>') left center no-repeat;
background-size: 22px;
padding-left: 34px;
margin-bottom: 15px;
font-size: 1.1rem;
}
/* О чем */
.blue-collection .about {
margin: 40px 0;
display: block;
width: 100%;
clear: both;
}
.blue-collection .about-content {
display: block;
width: 100%;
background: #f2f8ff;
padding: 25px 30px;
border-radius: 20px;
border: 1px solid #c2dcf5;
}
.blue-collection .about-content p {
background: none;
padding: 0;
border: none;
margin: 0 0 20px;
}
.blue-collection .about-content p:last-child {
margin-bottom: 0;
}
/* FAQ */
.blue-collection .faq-item {
margin-bottom: 30px;
}
.blue-collection .faq-item p {
background: #e6f1fe;
padding: 18px 22px;
border-radius: 16px;
margin-top: 8px;
border-left: 6px solid #267bcb;
}
/* Финальный CTA */
.blue-collection .final-cta {
background: #003057;
color: white;
padding: 32px 40px;
text-align: center;
border-radius: 24px;
margin-top: 45px;
font-size: 1.2rem;
border: 2px solid #7bb3e0;
box-shadow: 0 15px 25px -8px #001b33;
}
.blue-collection .final-cta p {
color: white;
margin: 0;
font-weight: 400;
}
/* Адаптивность */
@media (max-width: 700px) {
.blue-collection .content {
padding: 25px;
}
.blue-collection h1 {
font-size: 1.8rem;
}
.blue-collection .charact ul {
flex-direction: column;
gap: 12px;
}
}
/* Разделитель (если нужен) */
.blue-collection hr {
border: none;
height: 2px;
background: linear-gradient(90deg, transparent, #9ec3e8, transparent);
margin: 40px 0;
}
</style>