:root{--propriete-bg: rgba(226, 220, 201, .45);--propriete-border: #8f9b6b;--propriete-accent: #6b7852;--propriete-text: var(--text-primary);--propriete-header-bg: linear-gradient(90deg, #6b7852, #8f9b6b);--propriete-number-bg: #8f9b6b;--propriete-number-color: #ffffff;--propriete-stripe: rgba(143, 155, 107, .1);--propriete-shadow: 0 6px 18px var(--shadow-base-color);--propriete-hover-shadow: 0 14px 28px var(--shadow-medium-color);--propriete-code-bg: rgba(143, 155, 107, .15)}.dark{--propriete-bg: rgba(168, 181, 138, .15);--propriete-border: #a8b58a;--propriete-accent: #a8b58a;--propriete-text: #e7e9dd;--propriete-header-bg: linear-gradient(90deg, #6b7852, #8f9b6b);--propriete-number-bg: #6b7852;--propriete-number-color: #e7e9dd;--propriete-stripe: rgba(168, 181, 138, .08);--propriete-shadow: 0 8px 24px rgba(0, 0, 0, .6);--propriete-hover-shadow: 0 18px 36px rgba(0, 0, 0, .75);--propriete-code-bg: rgba(168, 181, 138, .2)}.propriete-block{position:relative;margin:2rem 0;border-radius:var(--radius-md);background:var(--propriete-bg);border:2px solid var(--propriete-border);box-shadow:var(--propriete-shadow);transition:var(--transition-smooth);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.propriete-header{background:var(--propriete-header-bg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.propriete-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--propriete-stripe) 10px,var(--propriete-stripe) 20px);opacity:.3;pointer-events:none}.propriete-number{position:relative;z-index:1;width:45px;height:45px;background:var(--propriete-number-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:var(--propriete-number-color);flex-shrink:0;box-shadow:0 4px 12px #0003;transition:var(--transition-smooth);border:3px solid rgba(255,255,255,.3)}.propriete-block:hover .propriete-number{transform:rotate(360deg) scale(1.1)}.propriete-title{position:relative;z-index:1;font-size:1.25rem;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-sans);text-shadow:0 2px 4px rgba(0,0,0,.3)}.propriete-badge{position:relative;z-index:1;margin-left:auto;background:#ffffff40;color:#fff;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.propriete-body{padding:1.75rem 1.5rem;position:relative}.propriete-body:before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:var(--propriete-accent);opacity:.1;clip-path:polygon(0 0,100% 0,0 100%)}.propriete-body .section-text-content{font-family:var(--font-sans);font-size:1.05rem;line-height:1.8;color:var(--propriete-text);position:relative;z-index:1}.propriete-body .section-text-content p{margin-bottom:1rem}.propriete-body .section-text-content p:last-child{margin-bottom:0}.propriete-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--gradient-vertical);opacity:.6}.propriete-block{animation:slideInRight .5s cubic-bezier(.4,0,.2,1) backwards}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.propriete-header{padding:.875rem 1.25rem;flex-wrap:wrap}.propriete-number{width:40px;height:40px;font-size:1.1rem}.propriete-title{font-size:1.1rem}.propriete-badge{margin-left:0;margin-top:.5rem;width:100%;text-align:center}.propriete-body{padding:1.5rem 1.25rem}.propriete-body .section-text-content{font-size:1rem}}