/* Diamond Optique — rouge et jaune de marque, bleu en accent discret. */
:root{--red:#C9233B;--deep-red:#A61D31;--yellow:#F2C32B;--blue:#2855A0;--navy:#34383E;--ink:#292D33;--muted:#60636A;--surface:#FAFAF8;--line:#E5E5E1;--brand-tint:#FFF5F6;--yellow-tint:#FFF8DE;--shadow:0 12px 36px #292d330a}
body,.journey{background:var(--surface)}
.topline{background:var(--red);color:#fff;border-bottom:3px solid var(--yellow);letter-spacing:.4px}
.header{background:#ffffffF5;border-bottom:1px solid var(--line)}
.journey-brand{background:#fff}.journey-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.journey-visual{background:var(--red);border:0;box-shadow:none}
.journey-visual .eyebrow,.journey-visual h2,.journey-visual p{color:#fff}
.journey-visual h2 em{color:var(--yellow)}
.journey-visual img{background:#fff;mix-blend-mode:normal}
.journey-visual-footer{background:var(--yellow);color:var(--ink)}
.journey-progress,.journey-foot,.journey-description,.journey-help,.journey-consent{color:var(--muted)}
.journey-dots i{background:#E5E5E1}.journey-dots i.current{background:var(--red)}
.journey-option,.insurance-choice,.choice{background:#fff;border-color:var(--line);color:var(--ink)}
.journey-option:hover,.insurance-choice:hover,.choice:hover{border-color:var(--red);background:var(--brand-tint)}
.journey-option.selected,.insurance-choice.selected,.choice.selected{border-color:var(--red);background:var(--brand-tint)}
.option-icon,.insurance-symbol{background:var(--yellow-tint);color:var(--deep-red)}
#browse-first,.journey-return{color:var(--deep-red)}
.button.red,.button.dark,.journey-next{background:var(--red);border-color:var(--red);color:#fff}
.button.red:hover,.button.dark:hover,.journey-next:hover{background:var(--deep-red);border-color:var(--deep-red)}
.button.outline{background:#fff;border-color:#D5D5D1;color:var(--ink)}
.button.outline:hover{border-color:var(--red);background:var(--brand-tint);color:var(--deep-red)}
.collection-tab{background:#fff;border-color:var(--line)}
.collection-tab.selected{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:700}
.count{background:var(--yellow);color:var(--ink)}
.filter-bar{background:#fff;border-color:var(--line);box-shadow:none}
.product-card,.offer-card{border:1px solid var(--line);box-shadow:0 4px 18px #292d3305}
.product-card:hover,.offer-card:hover{border-color:#D7D7D1;box-shadow:0 14px 32px #292d3310}
.product-image,.product-detail-visual{background:#F4F4F1}
.product-tag{background:#fff;color:var(--ink);border:1px solid var(--line)}
.favorite-button[aria-pressed=true]{background:var(--brand-tint);color:var(--red)}
.product-meta,.inventory-note,.offer-conditions,.small-note,.detail-note{color:var(--muted)}
.contact-band{background:var(--yellow-tint);color:var(--ink);border:1px solid #F0DA8D;border-radius:18px;padding:32px}
.contact-band p,.contact-band h2{color:var(--ink)}
.service-grid article{border:1px solid var(--line);border-top:3px solid var(--yellow);box-shadow:none}
.request-context,.recommended-offer,.profile-summary,.message-preview{background:var(--yellow-tint);color:var(--ink);border-color:#F0DA8D}
.field-input{background:#fff;border:1px solid #C4C4C0;color:var(--ink)}
.field-input:focus{border-color:var(--red)}
.text-button:hover,.eyebrow,.journey-kicker{color:var(--red)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--blue)}
dialog{border:1px solid var(--line);box-shadow:0 24px 90px #292d3326}
dialog::backdrop{background:#191d264d;backdrop-filter:blur(8px)}
.tryon-dialog{border-top:4px solid var(--red)}
.tryon-dialog .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--deep-red)}
.tryon-dialog .eyebrow:before{content:'';width:7px;height:7px;background:var(--yellow);transform:rotate(45deg)}
.tryon-stage.preview{background:radial-gradient(ellipse at 50% 40%,#fff 15%,#FAFAF8 65%,#F0F0EB 100%);border:1px solid var(--line)}
.tryon-stage{background:#252A32}
.tryon-settings{background:var(--yellow-tint)}
.tryon-adjust summary{color:var(--deep-red)}
.tryon-note{color:var(--muted)}
.mobile-contact{border-top:3px solid var(--yellow);box-shadow:0 -4px 24px #292d3308}
footer{background:#fff;border-top:3px solid var(--yellow)}
@media(max-width:650px){.contact-band{padding:24px 18px}.tryon-dialog{padding:16px}.tryon-toolbar .button{color:var(--deep-red)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}