/* ─── BOHO — sunset warm, magazine layout, photos overlap ───
   Identity : éclatante, créative, voyage intérieur. */

.tpl-boho { --warm-shadow: 24px 24px 0 var(--color-accent); }
.tpl-boho body { background: var(--bg-light); }
.tpl-boho .section { max-width: 1280px; }

.tpl-boho .hero h1 { font-style: italic; font-weight: 500; }
.tpl-boho .hero-baseline { font-family: var(--font-heading); font-style: italic; max-width: 38ch; }
.tpl-boho .hero img { border-radius: 4px; box-shadow: var(--warm-shadow); }

/* About : magazine offset */
.tpl-boho .section-about { grid-template-columns: 4fr 6fr; gap: 4rem; align-items: start; padding-left: 8%; padding-right: 8%; }
.tpl-boho .about-portrait { padding-top: 3rem; }
.tpl-boho .about-portrait img { border-radius: 4px; transform: rotate(-2deg); box-shadow: var(--warm-shadow); }
.tpl-boho .about-text h2 { font-style: italic; font-weight: 500; font-size: clamp(2.4rem, 4vw + 1rem, 4rem); }

/* Services : 3-col with bordered cards */
.tpl-boho .services-list { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.tpl-boho .service-card { background: transparent; border: 1.5px solid var(--text-on-light); border-radius: 4px; padding: 2rem 1.6rem; }
.tpl-boho .service-card:hover { background: var(--color-primary); color: #fff; transform: translateY(-3px) rotate(-0.5deg); box-shadow: 8px 8px 0 var(--color-accent); }
.tpl-boho .service-card:hover h3, .tpl-boho .service-card:hover .service-price { color: #fff; }
@media (max-width: 720px) { .tpl-boho .services-list { grid-template-columns: 1fr; } }

/* Showroom : layered with overlap */
.tpl-boho .showroom-grid { grid-template-columns: repeat(6, 1fr); gap: 1rem; }
.tpl-boho .showroom-tile { border-radius: 4px; box-shadow: 8px 8px 0 var(--color-accent); }
.tpl-boho .showroom-tile:nth-child(odd) { grid-column: span 4; aspect-ratio: 4/3; }
.tpl-boho .showroom-tile:nth-child(even) { grid-column: span 2; aspect-ratio: 3/4; margin-top: 2rem; }
@media (max-width: 720px) { .tpl-boho .showroom-grid { grid-template-columns: 1fr 1fr; } .tpl-boho .showroom-tile { grid-column: span 1 !important; aspect-ratio: 1/1 !important; margin-top: 0 !important; } }

/* Reviews : grid with handwritten feel */
.tpl-boho .reviews-list { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.tpl-boho .review-card { background: var(--bg-light); border: 1.5px solid var(--text-on-light); border-radius: 4px; transform: rotate(-0.5deg); }
.tpl-boho .review-card:nth-child(2n) { transform: rotate(0.6deg); }
.tpl-boho .review-card:hover { transform: rotate(0deg); }

.tpl-boho .footer { background: var(--text-on-light); color: var(--bg-light); }
.tpl-boho .footer h1, .tpl-boho .footer h2, .tpl-boho .footer h3, .tpl-boho .footer a { color: var(--bg-light); }
.tpl-boho .btn-primary { border-radius: 4px; }
.tpl-boho .btn-secondary { border-radius: 4px; }
