/* Общие стили секций ФОТОЛАЙФ — «Тёплая мастерская» */

/* Тонкая фактура бумаги фоном */
body {
  background-image:
    radial-gradient(circle at 20% 15%, rgba(184,137,75,.04), transparent 40%),
    radial-gradient(circle at 80% 85%, rgba(180,71,46,.03), transparent 45%);
  background-attachment: fixed;
}

.container { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--space-3); }
.section { padding: var(--space-6) 0; }

/* Кнопки */
.btn { display:inline-block; padding:14px 28px; border-radius:var(--radius);
  font-weight:600; font-size:16px; cursor:pointer; border:1px solid transparent; transition:.15s; font-family:var(--font-body); }
.btn--wax { background:var(--wax); color:#fff; }
.btn--wax:hover { background:#9c3b25; }
.btn--ghost { background:transparent; color:var(--ink); border-color:var(--line); }
.btn--ghost:hover { border-color:var(--wax); color:var(--wax); }

/* «Штамп»-бейдж */
.stamp { display:inline-flex; align-items:center; gap:8px; padding:8px 14px;
  border:1px solid var(--brass); border-radius:999px; color:var(--brass);
  font-size:13px; font-weight:600; letter-spacing:.02em; background:rgba(184,137,75,.06); }

/* Плейсхолдер фото с подписью */
.ph { position:relative; background:
    repeating-linear-gradient(45deg, #efe6d6 0 12px, #e9dfce 12px 24px);
  border:1px solid var(--line); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center; min-height:180px;
  color:var(--ink-soft); font-size:13px; text-align:center; padding:12px; }
.ph::after { content: attr(data-label); }

/* Заголовок секции */
.section__head { text-align:center; margin-bottom:var(--space-4); }
.section__head h2 { font-size:34px; }
.section__head p { color:var(--ink-soft); max-width:640px; margin:0 auto; }

/* ---- Хедер ---- */
.hdr { border-bottom:1px solid var(--line); background:var(--card); position:sticky; top:0; z-index:10; }
.hdr__row { display:flex; align-items:center; justify-content:space-between; height:72px; }
.hdr__logo { font-family:var(--font-head); font-weight:700; font-size:24px; letter-spacing:.04em; }
.hdr__nav { display:flex; gap:28px; }
.hdr__nav a:hover { color:var(--wax); }
.hdr__icons { display:flex; gap:18px; font-size:18px; }

/* ---- Герой ---- */
.hero { padding:var(--space-6) 0; }
.hero__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:var(--space-5); align-items:center; }
.hero__text h1 { font-size:48px; margin-top:var(--space-2); }
.hero__text p { color:var(--ink-soft); font-size:18px; margin:var(--space-2) 0 var(--space-3); max-width:520px; }
.hero__ph { min-height:360px; }

/* ---- Полоса доверия ---- */
.trust { background:var(--ink); color:var(--card); }
.trust__row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); padding:var(--space-4) var(--space-3); text-align:center; }
.trust__item b { font-family:var(--font-head); font-size:24px; display:block; color:var(--brass); }
.trust__item span { font-size:14px; opacity:.85; }

/* ---- Поводы ---- */
.povody__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); }
.povod { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:var(--space-2); transition:.15s; }
.povod:hover { box-shadow:var(--shadow); transform:translateY(-3px); }
.povod .ph { min-height:150px; margin-bottom:var(--space-2); }
.povod h3 { font-size:20px; margin:0 0 4px; }
.povod span { color:var(--ink-soft); font-size:14px; }

/* ---- Флагман ---- */
.flagship { background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.flagship__grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); align-items:center; }
.flagship__ph { min-height:420px; }
.flagship__script { font-family:var(--font-script); font-size:40px; color:var(--brass); margin:0 0 var(--space-1); }
.flagship__text h2 { font-size:36px; }
.flagship__text p { color:var(--ink-soft); font-size:17px; }
.flagship__feats { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:10px; margin:var(--space-2) 0 var(--space-3); }
.flagship__feats li { border:1px solid var(--line); border-radius:999px; padding:6px 14px; font-size:14px; }

/* ---- Каталог-витрина (макет t-store) ---- */
.store__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); }
.pcard { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:var(--space-2); display:flex; flex-direction:column; transition:.15s; }
.pcard:hover { box-shadow:var(--shadow); transform:translateY(-3px); }
.pcard .ph { min-height:220px; margin-bottom:var(--space-2); }
.pcard h3 { font-family:var(--font-body); font-weight:600; font-size:15px; line-height:1.3; margin:0 0 var(--space-1); min-height:40px; }
.pcard__price { display:flex; align-items:baseline; gap:8px; margin-bottom:4px; }
.pcard__price b { font-size:20px; color:var(--wax); }
.pcard__price s { color:var(--ink-soft); font-size:14px; }
.pcard__meta { color:var(--ink-soft); font-size:13px; margin-bottom:var(--space-2); }
.pcard__btn { margin-top:auto; width:100%; padding:10px; font-size:15px; }

/* ---- О производстве ---- */
.about__grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); align-items:center; }
.about__ph { min-height:360px; }
.about__text h2 { font-size:34px; }
.about__text p { color:var(--ink-soft); font-size:17px; }

/* ---- Отзывы ---- */
.reviews { background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.reviews__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); }
.review { margin:0; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:var(--space-3); }
.review p { font-family:var(--font-head); font-size:19px; margin:0 0 var(--space-2); }
.review cite { color:var(--ink-soft); font-style:normal; font-size:14px; }

/* ---- Доставка ---- */
.delivery__row { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); text-align:center; }
.delivery__item b { font-family:var(--font-head); font-size:20px; display:block; color:var(--wax); }
.delivery__item span { color:var(--ink-soft); }

/* ---- Футер ---- */
.ftr { background:var(--ink); color:var(--card); padding:var(--space-5) 0; }
.ftr__row { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:var(--space-3); }
.ftr__logo { font-family:var(--font-head); font-size:24px; font-weight:700; letter-spacing:.04em; }
.ftr__col { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.ftr__col b { margin-bottom:6px; }
.ftr__col a:hover { color:var(--brass); }
.ftr__col span { opacity:.8; }

/* ---- Страница товара ---- */
.pdp { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); padding-top:var(--space-5); padding-bottom:var(--space-6); }
.pdp__main { min-height:460px; margin-bottom:var(--space-2); }
.pdp__thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-1); }
.pdp__thumbs .ph { min-height:80px; font-size:11px; }
.pdp__info h1 { font-size:32px; margin-top:var(--space-2); }
.pdp__script { font-family:var(--font-script); font-size:34px; color:var(--brass); margin:0 0 var(--space-2); }
.pdp__price { display:flex; align-items:baseline; gap:12px; margin-bottom:var(--space-3); }
.pdp__price b { font-size:30px; color:var(--wax); }
.pdp__price s { color:var(--ink-soft); font-size:18px; }
.pdp__actions { display:flex; gap:12px; margin-bottom:var(--space-4); }
.pdp__specs { list-style:none; padding:0; margin:0 0 var(--space-3); }
.pdp__specs li { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); font-size:15px; }
.pdp__specs span { color:var(--ink-soft); }

/* ---- Адаптив ---- */
/* Планшет */
@media (max-width: 960px) {
  .hero__grid, .flagship__grid, .about__grid, .pdp { grid-template-columns:1fr; gap:var(--space-3); }
  .povody__grid, .store__grid { grid-template-columns:repeat(2,1fr); }
  .trust__row, .reviews__grid, .delivery__row, .ftr__row { grid-template-columns:repeat(2,1fr); }
  .hero__text h1 { font-size:36px; }
}
/* Телефон */
@media (max-width: 560px) {
  .hdr__nav { display:none; }
  .povody__grid, .store__grid, .trust__row, .reviews__grid, .delivery__row, .ftr__row, .pdp__actions { grid-template-columns:1fr; }
  .section { padding:var(--space-4) 0; }
  .hero__text h1 { font-size:30px; }
  .pdp__actions { flex-direction:column; }
}
