:root { --riva-bg:#FFF8F5; --riva-blush:#F3DDE1; --riva-gold:#C6A15B; --riva-title:#45383D; --riva-text:#66575B; --riva-rose:#B87F8C; --riva-border:#EBD8DD; }
* { box-sizing:border-box; }
body { margin:0; padding-bottom:76px; background:var(--riva-bg); color:var(--riva-text); font-family:'DM Sans',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.riva-detail-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:82px; padding:12px max(22px,calc((100% - 1200px)/2)); border-bottom:1px solid var(--riva-border); background:rgba(255,248,245,.95); backdrop-filter:blur(12px); }
.riva-detail-logo img { display:block; width:205px; max-width:42vw; height:auto; }
.riva-detail-nav { display:flex; align-items:center; gap:22px; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--riva-title); }
.riva-detail-nav a:hover { color:var(--riva-rose); }
.riva-detail-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); min-height:calc(100svh - 82px); background:linear-gradient(135deg,var(--riva-bg),var(--riva-blush)); }
.riva-detail-hero__image { min-height:460px; overflow:hidden; }
.riva-detail-hero__image img { display:block; width:100%; height:100%; object-fit:cover; }
.riva-detail-hero__content { display:flex; align-items:center; padding:72px max(28px,calc((100vw - 1200px)/2)); }
.riva-detail-inner { max-width:540px; }
.riva-detail-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:17px; color:var(--riva-gold); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.riva-detail-kicker:before { width:32px; height:1px; background:currentColor; content:''; }
h1 { margin:0 0 20px; color:var(--riva-title); font-family:Marcellus,Georgia,serif; font-size:clamp(38px,5vw,64px); font-weight:400; line-height:1.08; }
.riva-detail-lead { margin:0 0 30px; font-size:18px; line-height:1.75; }
.riva-detail-actions { display:flex; flex-wrap:wrap; gap:12px; }
.riva-detail-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:13px 21px; border-radius:8px; background:var(--riva-rose); color:#fff; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; transition:transform .2s,background .2s; }
.riva-detail-button:hover { transform:translateY(-2px); background:#9D6473; color:#fff; }
.riva-detail-button--outline { border:1px solid var(--riva-gold); background:transparent; color:var(--riva-title); }
.riva-detail-button--outline:hover { background:var(--riva-gold); color:#fff; }
.riva-detail-info { max-width:1200px; margin:0 auto; padding:88px 24px; }
.riva-detail-info__grid { display:grid; grid-template-columns:1fr 1fr; gap:54px; }
.riva-detail-info h2 { margin:0 0 18px; color:var(--riva-title); font-family:Marcellus,Georgia,serif; font-size:36px; font-weight:400; }
.riva-detail-info p { margin:0; font-size:17px; line-height:1.8; }
.riva-detail-notes { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.riva-detail-notes li { padding:17px 18px; border:1px solid var(--riva-border); border-radius:10px; background:#fff; color:var(--riva-title); }
.riva-detail-notes i { margin-right:9px; color:var(--riva-gold); }
.riva-detail-footer { padding:28px 24px 102px; background:var(--riva-title); color:#fff; text-align:center; }
.riva-detail-footer a { color:#fff; }
.riva-detail-mobile-actions { position:fixed; right:0; bottom:0; left:0; z-index:30; display:none; grid-template-columns:1fr 1fr; gap:8px; padding:8px 12px calc(8px + env(safe-area-inset-bottom)); background:var(--riva-bg); box-shadow:0 -4px 18px rgba(69,56,61,.14); }
.riva-detail-mobile-actions a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; border-radius:7px; background:var(--riva-rose); color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; }
.riva-detail-mobile-actions a:last-child { background:#25D366; }
@media (max-width:767px) { .riva-detail-header { min-height:72px; padding:11px 18px; } .riva-detail-nav { gap:13px; font-size:11px; } .riva-detail-nav a[href^="tel"] { display:none; } .riva-detail-hero { grid-template-columns:1fr; min-height:0; } .riva-detail-hero__image { min-height:320px; max-height:440px; } .riva-detail-hero__content { padding:48px 24px 58px; } .riva-detail-lead { font-size:16px; } .riva-detail-actions { display:grid; grid-template-columns:1fr; } .riva-detail-info { padding:58px 24px; } .riva-detail-info__grid { grid-template-columns:1fr; gap:34px; } .riva-detail-info h2 { font-size:31px; } .riva-detail-footer { padding-bottom:94px; } .riva-detail-mobile-actions { display:grid; } }