.motorization-page{display:grid;gap:2rem;grid-template-columns:minmax(300px,1fr) minmax(400px,2fr);grid-template-areas:"details dynamic" "lez lez";margin-top:1.5rem}@media (max-width: 900px){.motorization-page{grid-template-columns:1fr;grid-template-areas:"details" "dynamic" "lez"}}.motorization-details{grid-area:details;background:#ffffffd9;backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;position:relative;overflow:hidden;animation:fadeInUp .6s ease forwards;opacity:0}.motorization-details:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:-1}.motorization-details h2{font-size:1.8rem;margin-bottom:1rem;color:var(--color-6);text-shadow:0 1px 2px rgba(0,0,0,.15)}.detail-card{background:#ffffffa6;border:1px solid var(--color-2);border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 6px #00000014;transition:transform .2s,box-shadow .2s}.detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.detail-card h3{margin-bottom:1rem;font-size:1.2rem;color:var(--color-7)}.detail-card ul{list-style:none;margin-bottom:1rem;padding-left:0}.detail-card ul li{margin-bottom:.6rem;color:var(--color-9)}.detail-card ul li strong{font-weight:600;color:var(--color-7)}.detail-card .description{line-height:1.5;color:var(--color-9)}.specs-card{background:#fffc;border:1px solid var(--color-2);border-radius:8px;padding:1rem;margin-bottom:1rem}.specs-card h3{margin-bottom:.5rem;color:var(--color-5)}.back-btn{display:inline-block;margin-top:1rem;background-color:var(--color-6);color:var(--color-1);padding:.6rem 1.2rem;border-radius:4px;text-decoration:none;transition:background-color .3s,transform .3s}.back-btn:hover{background-color:var(--color-7);transform:translateY(-2px)}.dynamic-sections{grid-area:dynamic;background:#fff9;padding:1.5rem;border-radius:12px;border:1px solid var(--color-2);box-shadow:0 4px 12px #00000012;animation:fadeInUp .6s ease forwards;opacity:0}.dynamic-sections h2,.dynamic-sections h3,.dynamic-sections h4,.dynamic-sections h5,.dynamic-sections h6{margin-top:1.2rem;color:var(--color-7);text-shadow:0 1px 2px rgba(0,0,0,.1)}.dynamic-sections p{margin:1rem 0;line-height:1.6;color:var(--color-9)}.dynamic-sections figure{float:right;margin:0 0 1rem 1.5rem;max-width:300px;text-align:center}.dynamic-sections figure img{width:100%;border-radius:6px;box-shadow:0 2px 6px #0000001a}.dynamic-sections figcaption{font-size:.85rem;color:var(--color-10);margin-top:.3rem}.dynamic-sections ul{list-style:disc;margin:1rem 0 1rem 2rem}.dynamic-sections ul li{margin-bottom:.5rem;color:var(--color-9)}.qa-question,.qa-response{position:relative;margin:1.5rem 0;padding:1.2rem 1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;line-height:1.6;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;opacity:0;transform:translateY(20px);animation:qaFadeUp .4s ease forwards}.qa-question{background:#fffbea;border-left:6px solid #ffd54f;animation-delay:.1s}.qa-response{background:#f0fff5;border-left:6px solid #76da9e;animation-delay:.2s}.qa-question:hover,.qa-response:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.qa-question:before,.qa-response:before{position:absolute;top:-14px;left:-14px;width:36px;height:36px;border-radius:50%;font-size:1.1rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026;transform:scale(0);animation:badgePop .4s ease forwards;animation-delay:.2s}.qa-question:before{content:"Q";background:#ffd54f}.qa-response:before{content:"A";background:#76da9e}.qa-question strong,.qa-response strong{font-weight:600;color:inherit;margin-right:.5rem}@keyframes qaFadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes badgePop{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.lez-table-section{grid-area:lez;background:#ffffffa6;border:1px solid var(--color-2);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000000d;animation:fadeInUp .6s ease forwards;opacity:0}.lez-table-section h2{margin-bottom:1rem;font-size:1.6rem;color:var(--color-6);text-shadow:0 1px 2px rgba(0,0,0,.15)}.lez-table-section table{width:100%;border-collapse:collapse;border-radius:6px;overflow:hidden;font-size:.95rem;box-shadow:0 2px 6px #00000014;position:relative}.lez-table-section thead tr{background:linear-gradient(135deg,var(--color-4),var(--color-6));color:#fff}.lez-table-section thead th{padding:.9rem 1rem;text-align:left;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);border:none}.lez-table-section tbody tr:nth-child(2n){background:#f9f9f9;z-index:1}.lez-table-section tbody tr{transition:background-color .2s;opacity:0;transform:translateY(10px);animation:rowFadeUp .4s ease forwards}.lez-table-section tbody tr:hover{background-color:var(--color-3);color:#fff}.lez-table-section tbody tr:nth-child(odd){animation-delay:.05s}.lez-table-section tbody tr:nth-child(2n){animation-delay:.1s}.lez-table-section tbody td{padding:.9rem 1rem;border:none;border-bottom:1px solid #ddd;z-index:0;position:relative}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rowFadeUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.motorization-details,.dynamic-sections,.lez-table-section{padding:1rem}.dynamic-sections figure{float:none;margin:1rem 0;max-width:100%}.lez-table-section table,.lez-table-section th,.lez-table-section td{font-size:.9rem}}.table-responsive{width:100%;overflow-x:auto}.table-responsive table{min-width:600px}.row-with-notes{position:relative;z-index:10}.row-with-notes:hover:after{content:attr(data-notes);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.4rem .8rem;font-size:.85rem;border-radius:4px;box-shadow:0 2px 6px #00000026;white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:80%;text-align:center;opacity:0;animation:tooltipFadeIn .3s forwards;pointer-events:none;width:80%}@keyframes tooltipFadeIn{0%{transform:translate(-50%,.5rem);opacity:0}to{transform:translate(-50%);opacity:1}}
