/* Dobry Rytuał — editorial atelier direction */
.theme-ritual {
  --ink: #33232c;
  --ink-soft: #6c5b63;
  --green: #8b4c5c;
  --green-deep: #3b1d2d;
  --green-light: #f0ddd3;
  --lime: #e7a77a;
  --cream: #f0e6de;
  --paper: #faf7f3;
  --line: #dac8bd;
  --white: #fffdf9;
  --danger: #9a3c3c;
  --shadow: 0 24px 60px rgba(59, 29, 45, .12);
  --radius: 2px;
  --serif: 'Iowan Old Style', 'Baskerville', 'Times New Roman', serif;
  --sans: 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
}
.theme-ritual body,
body.theme-ritual { background: var(--paper); }
.theme-ritual .announcement { color: #f5d7c2; background: var(--green-deep); }
.theme-ritual .announcement a { color: #fff8f2; }
.theme-ritual .site-header { background: var(--paper); border-bottom-color: var(--line); }
.theme-ritual .header-main { min-height: 104px; }
.theme-ritual .wordmark__logo { width: 205px; height: auto; }
.theme-ritual .wordmark--footer .wordmark__logo { width: 213px; }
.theme-ritual .desktop-nav { gap: clamp(18px, 2.5vw, 34px); }
.theme-ritual .desktop-nav a { color: #725e68; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.theme-ritual .desktop-nav a::after { height: 1px; background: var(--lime); }
.theme-ritual .desktop-nav a:hover,
.theme-ritual .desktop-nav a:focus-visible,
.theme-ritual .desktop-nav a.is-active { color: var(--green-deep); }
.theme-ritual .cart-trigger { color: #fff8f2; background: var(--green-deep); border-color: var(--green-deep); border-radius: var(--radius); }
.theme-ritual .cart-trigger:hover,
.theme-ritual .cart-trigger:focus-visible { background: var(--green); border-color: var(--green); }
.theme-ritual .cart-count { color: var(--green-deep); background: var(--lime); border-radius: 1px; }
.theme-ritual .menu-toggle { border-radius: var(--radius); }
.theme-ritual .hero { background: var(--cream); }
.theme-ritual .home-hero { min-height: 700px; border-bottom: 0; }
.theme-ritual .hero__grid { grid-template-columns: minmax(0, .78fr) minmax(430px, 1.22fr); gap: 86px; min-height: 700px; padding: 90px 0 104px; }
.theme-ritual .hero h1 { max-width: 580px; margin-bottom: 27px; color: var(--green-deep); font-size: clamp(3.35rem, 6vw, 6.5rem); font-weight: 400; letter-spacing: -.06em; }
.theme-ritual .hero__lead { max-width: 520px; font-size: 1.08rem; }
.theme-ritual .hero__note { max-width: 420px; margin-top: 34px; color: #725e68; font-size: .83rem; }
.theme-ritual .hero__note-mark { color: var(--green); }
.theme-ritual .hero-photo { height: 575px; border: 11px solid var(--paper); border-radius: 0 48% 48% 0; box-shadow: 18px 18px 0 rgba(139, 76, 92, .16); }
.theme-ritual .hero-photo::after { background: linear-gradient(180deg, transparent 48%, rgba(59, 29, 45, .38)); }
.theme-ritual .hero-photo img { object-position: center; }
.theme-ritual .hero-photo__caption { right: 20px; bottom: 20px; color: #fff8f2; background: rgba(59, 29, 45, .9); border: 0; border-radius: 0; }
.theme-ritual .hero-photo__caption strong { color: var(--lime); }
.theme-ritual .button { min-height: 52px; border-radius: var(--radius); }
.theme-ritual .button--primary { background: var(--green-deep); }
.theme-ritual .button--primary:hover,
.theme-ritual .button--primary:focus-visible { background: var(--green); }
.theme-ritual .button--secondary { border-color: #bb9e91; }
.theme-ritual .button--secondary:hover,
.theme-ritual .button--secondary:focus-visible { background: var(--green-light); border-color: var(--green); }
.theme-ritual .button--ghost:hover,
.theme-ritual .button--ghost:focus-visible { background: rgba(255, 253, 249, .58); }
.theme-ritual .categories-section { background: var(--paper); }
.theme-ritual .category-grid { grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.theme-ritual .category-tile { min-height: 165px; padding: 20px; background: transparent; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; }
.theme-ritual .category-tile--2,
.theme-ritual .category-tile--5 { background: #f7eee9; }
.theme-ritual .category-tile--3,
.theme-ritual .category-tile--6 { background: #f4f0eb; }
.theme-ritual .category-tile::after { right: -54px; bottom: -65px; border-color: rgba(139, 76, 92, .24); }
.theme-ritual .category-tile:hover,
.theme-ritual .category-tile:focus-visible { box-shadow: inset 0 0 0 2px var(--green); transform: none; }
.theme-ritual .category-tile__number { color: #a98f86; }
.theme-ritual .category-tile__name { color: var(--green-deep); }
.theme-ritual .category-tile__arrow { color: var(--green); }
.theme-ritual .featured-section { background: #fffdf9; }
.theme-ritual .product-grid { gap: 12px; }
.theme-ritual .product-card { border-color: var(--line); border-radius: 0; box-shadow: none; }
.theme-ritual .product-card:hover { box-shadow: 8px 8px 0 rgba(139, 76, 92, .14); transform: translateY(-3px); }
.theme-ritual .product-card__media { min-height: 295px; background: #f8f0eb; }
.theme-ritual .product-card__body { padding: 20px; }
.theme-ritual .product-card__meta { color: var(--green); }
.theme-ritual .split-section { background: var(--green-deep); }
.theme-ritual .principles-card { border-radius: 0; background: rgba(255, 253, 249, .06); }
.theme-ritual .feature-grid { gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.theme-ritual .feature-card { min-height: 245px; background: var(--paper); border-top: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 0; }
.theme-ritual .feature-card__icon { color: var(--green); border-color: #cdaea1; border-radius: 2px; }
.theme-ritual .routine-section { background: #fffdf9; }
.theme-ritual .routine__visual { border-radius: 0; background: linear-gradient(135deg, #f3dfd3, #ead2ca 46%, #d1a492); }
.theme-ritual .routine__visual::before,
.theme-ritual .routine__visual::after { border-color: rgba(59, 29, 45, .26); border-radius: 0; transform: rotate(45deg); }
.theme-ritual .routine__label { color: var(--green-deep); background: rgba(255, 253, 249, .78); border-color: rgba(59, 29, 45, .28); border-radius: 0; transform: translate(-50%, -50%) rotate(-4deg); }
.theme-ritual .testimonials-section { background: var(--cream); }
.theme-ritual .testimonial-grid { gap: 12px; }
.theme-ritual .testimonial-card { min-height: 345px; padding: 35px; background: #fffdf9; border-color: var(--line); border-radius: 0; }
.theme-ritual .testimonial-card__avatar { color: #fff8f2; background: var(--green); border-radius: 2px; }
.theme-ritual .editorial-section { background: #fffdf9; }
.theme-ritual .editorial-grid { gap: 0; }
.theme-ritual .editorial-card { min-height: 310px; border-right: 1px solid rgba(59, 29, 45, .18); border-radius: 0; }
.theme-ritual .editorial-card--guide { background: #f1e0d6; }
.theme-ritual .editorial-card--advertorial { background: #eee9df; }
.theme-ritual .science-teaser { background: var(--green-deep); }
.theme-ritual .final-cta { background: #e5c5b6; }
.theme-ritual .page-intro { background: var(--cream); border-bottom-color: var(--line); }
.theme-ritual input,
.theme-ritual select,
.theme-ritual textarea { border-radius: 0; border-color: #cdb6aa; background: #fffdf9; }
.theme-ritual input:focus,
.theme-ritual select:focus,
.theme-ritual textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(139, 76, 92, .15); }
.theme-ritual .contact-details,
.theme-ritual .privacy-settings-card,
.theme-ritual .checkout-form,
.theme-ritual .product-gallery__main { border-radius: 0; }
.theme-ritual .site-footer { background: #24151d; }
.theme-ritual .footer-grid { border-bottom: 1px solid rgba(240, 221, 211, .16); }
.theme-ritual .footer-grid h2 { color: var(--lime); }

@media (max-width: 860px) {
  .theme-ritual .hero__grid { grid-template-columns: 1fr; gap: 48px; min-height: 0; padding: 70px 0 80px; }
  .theme-ritual .hero__visual { max-width: 650px; margin: 0 auto; }
  .theme-ritual .hero-photo { height: 470px; }
}
@media (max-width: 600px) {
  .theme-ritual .wordmark__logo { width: 178px; }
  .theme-ritual .hero h1 { font-size: clamp(3rem, 14vw, 4.3rem); }
  .theme-ritual .category-grid { grid-template-columns: repeat(2, 1fr); }
  .theme-ritual .hero-photo { height: 330px; border-width: 7px; border-radius: 0 34% 34% 0; box-shadow: 9px 9px 0 rgba(139, 76, 92, .14); }
}