.offre-container{background:linear-gradient(135deg,#fff 0,#fefefe 100%);border-radius:16px;padding:24px;margin:10px;max-width:calc(100% - 68px);width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08),0 0 0 1px rgba(200,50,50,.15);transition:box-shadow .3s,transform .3s}.offre-container:hover{box-shadow:0 8px 30px rgba(0,0,0,.12),0 0 0 1px rgba(200,50,50,.25);transform:translateY(-2px)}.offre-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c83232,#e74c3c,#c83232)}.badge-offre{position:absolute;top:16px;right:-30px;background:linear-gradient(135deg,#c83232,#a82828);color:#fff;padding:5px 36px;font-size:10px;font-weight:700;text-transform:uppercase;transform:rotate(45deg);letter-spacing:1px;box-shadow:0 2px 10px rgba(200,50,50,.3)}.cadeau-badge,.equation-label{text-transform:uppercase;letter-spacing:.5px}.offre-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.offre-equation,.offre-icon{align-items:center;display:flex}.offre-icon{width:44px;height:44px;background:linear-gradient(135deg,#c83232,#e74c3c);border-radius:10px;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(200,50,50,.25);transition:transform .3s,box-shadow .3s}.offre-container:hover .offre-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 16px rgba(200,50,50,.35)}.offre-icon svg{width:24px;height:24px;fill:#ffffff}.offre-title{color:#2c2c2c;font-size:1.2em;font-weight:700;line-height:1.3}.offre-title span{color:#c83232}.offre-equation{background:linear-gradient(135deg,#fff5f5,#fff0f0);border:1px dashed rgba(200,50,50,.3);border-radius:10px;padding:14px 16px;justify-content:center;gap:20px;margin-bottom:18px;transition:background .3s}.offre-container:hover .offre-equation{background:linear-gradient(135deg,#fee,#ffe8e8)}.equation-item{text-align:center}.equation-number{font-size:28px;font-weight:800;color:#c83232;line-height:1;transition:transform .3s}.offre-container:hover .equation-number{transform:scale(1.1)}.equation-label{font-size:11px;color:#777;margin-top:2px}.equation-equals{font-size:22px;color:#c83232;font-weight:700;transition:transform .3s}.offre-container:hover .equation-equals{transform:scale(1.2)}.cadeau-section{background:#fafafa;border-radius:10px;padding:14px;border:1px solid #eee}.cadeau-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cadeau-badge{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;transition:box-shadow .3s}.cadeau-item,.cadeau-visual{border-radius:8px;display:flex}.offre-container:hover .cadeau-badge{box-shadow:0 0 12px rgba(39,174,96,.4)}.cadeau-label{color:#888;font-size:11px}.cadeau-item{align-items:center;gap:14px;background:#fff;padding:12px;border-left:3px solid #27ae60;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:.3s;cursor:default}.cadeau-item:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(39,174,96,.15);border-left-width:5px}.cadeau-visual{width:140px;height:140px;background:linear-gradient(145deg,#f8f8f8,#efefef);align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid #eee;transition:transform .3s,box-shadow .3s}.cadeau-item:hover .cadeau-visual{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.1)}.cadeau-visual img{width:100%;height:100%;object-fit:cover}.cadeau-visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbb;font-size:8px;text-align:center;padding:4px}.cadeau-visual-placeholder svg{width:28px;height:28px;fill:#ccc;margin-bottom:2px}.cadeau-info{flex:1}.cadeau-name{color:#2c2c2c;font-size:1.2em;font-weight:600;margin-bottom:4px;line-height:1.3}.cadeau-ref{color:#999;font-size:1em;font-family:monospace}@media (max-width:420px){.offre-container{padding:20px}.cadeau-visual{width:60px;height:60px}.cadeau-name{font-size:12px}}