/*
Theme Name: CLOISTRA Crimson – bestehendes Layout
Description: Schwarz, Elfenbein und Rot; dritte Startseiten-Kachel, Instagram und privater POD-Hinweis. Benötigt das bestehende CLOISTRA-Haupttheme.
Author: CLOISTRA
Version: 4.6.10
Template: cloistra-immersive-wordpress
Requires PHP: 8.1
Text Domain: cloistra-crimson
*/
:root{--accent:#ee708b;--accent-ink:#11080b;--focus:3px solid #ee708b;--vv-red:#b7193e;--text:#f7f3eb}
.button-primary,.cart-count,.skip-link{background:#b7193e;color:#fff}
.button-primary:hover{background:#92132f;color:#fff}
.hero{background:radial-gradient(circle at 82% 35%,#32141f 0,transparent 35%),linear-gradient(145deg,#0b0b0d,#121014)}
.hero-art::before{border-color:rgba(183,25,62,.5);filter:drop-shadow(0 0 35px rgba(183,25,62,.25))}
.hero-art.cloistra-three-cards{min-height:570px}
.hero-art.cloistra-three-cards img{width:59%;max-width:330px;filter:none}
.hero-art.cloistra-three-cards img:nth-child(1){top:0;right:0;left:auto;bottom:auto;rotate:7deg;z-index:2}
.hero-art.cloistra-three-cards img:nth-child(2){top:24%;left:0;right:auto;bottom:auto;rotate:-9deg;z-index:1}
.hero-art.cloistra-three-cards img:nth-child(3){top:auto;bottom:0;left:auto;right:3%;rotate:2deg;z-index:3;transform:translateZ(100px)}
.hero-art.cloistra-three-cards img:hover{z-index:5;box-shadow:0 42px 110px #000,0 0 0 1px #b7193e}
.cloistra-private-pod{font-size:.95rem;color:var(--text);border-left:3px solid #b7193e;padding:.5rem .8rem;max-width:42rem}
.cloistra-instagram{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:underline;text-underline-offset:.25em}
.cloistra-instagram:hover{color:var(--accent)}
@media(max-width:680px){.hero-art.cloistra-three-cards{min-height:490px;max-width:490px;width:100%;margin-inline:auto}.hero-art.cloistra-three-cards img{width:58%}}
@media(max-width:420px){.hero-art.cloistra-three-cards{min-height:410px}}