.reference-product>.container{max-width:1180px}.reference-product .breadcrumbs{padding:1rem 0}.reference-product__hero{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:3rem;align-items:center;padding:2rem 0 3rem}.reference-product__photo{background:#fff;border:1px solid #d7e3dc;border-radius:24px;padding:1.5rem}.reference-product__photo img{width:100%;height:auto;max-height:370px;object-fit:contain}.reference-product h1{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.15;overflow-wrap:anywhere}.reference-product h1 span{display:block;color:#24745e;font-size:.65em;margin-top:.7rem}.reference-product__hero .button{display:inline-flex;width:auto;max-width:100%;min-height:50px;margin-top:1rem}.reference-product__category{display:block;margin-top:1rem}.reference-product__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;align-items:start}.reference-product__layout section{margin-bottom:2.5rem}.reference-product h2{font-size:1.4rem;line-height:1.3}.reference-product__offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reference-product .catalog-offer{min-width:0;background:#fff;border:1px solid #d3e1d9;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.reference-product .catalog-offer__image{width:100%;height:150px;object-fit:contain;padding:1rem}.reference-product .catalog-offer__body{padding:1rem;display:flex;flex-direction:column;flex:1}.reference-product .catalog-offer__body h3{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.reference-product .catalog-offer__merchant{color:#24745e;font-size:.75rem;font-weight:750}.reference-product .catalog-offer__price{font-size:1.25rem;font-weight:800;margin-top:auto;padding-top:1rem}.reference-product .catalog-offer .button{width:100%;white-space:normal;text-align:center;justify-content:center;box-sizing:border-box;min-height:48px;font-size:.87rem}.reference-product .catalog-offer__note,.reference-product__date{font-size:.78rem;color:#53675d;line-height:1.6}.reference-product__facts{padding:1.5rem;background:#eef5ef;border:1px solid #d3e1d9;border-radius:18px;overflow-wrap:anywhere}.reference-product__facts dt{font-size:.8rem;color:#53675d;margin-top:1rem}.reference-product__facts dd{font-weight:700;margin:0}.reference-product__facts p{font-size:.88rem}.reference-product__facts small{display:block;font-size:.75rem;margin-top:1rem}.reference-product__models details{border:1px solid #d3e1d9;border-radius:14px;padding:1rem}.reference-product summary{cursor:pointer;font-weight:700}.reference-product__models label{display:block;margin-top:1rem}.reference-product__models input{width:100%;box-sizing:border-box;min-height:46px;padding:.7rem;border:1px solid #90b4a5;border-radius:8px}.reference-product__codes{max-height:320px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;list-style:none;padding:0;font-size:.83rem;overflow-wrap:anywhere}.reference-product__codes li[hidden]{display:none}.reference-product__return{margin:1rem 0 3rem}.reference-product__return .button{width:auto;white-space:normal}.reference-directory{margin:2.5rem 0}.reference-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reference-preview>a{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid #d3e1d9;border-radius:14px;padding:1rem;text-decoration:none}.reference-preview img{width:100%;height:130px;object-fit:contain}.reference-preview span{font-size:.8rem;color:#53675d}.reference-preview b{font-size:.8rem;margin-top:auto}.reference-directory__all{margin-top:1rem;border-top:1px solid #d3e1d9;padding-top:1rem}.reference-directory__all summary{cursor:pointer;font-weight:700}.reference-directory__all nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;font-size:.85rem}
@media(max-width:800px){.reference-product__hero{gap:1.5rem}.reference-product__layout{grid-template-columns:1fr}.reference-product__facts{grid-row:2}.reference-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-directory__all nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.reference-product__hero{grid-template-columns:1fr;padding-top:1rem;gap:1rem}.reference-product__photo img{max-height:220px}.reference-product__hero h1{font-size:1.75rem}.reference-product__offers{grid-template-columns:1fr}.reference-product__codes{grid-template-columns:1fr}.reference-directory__all nav{grid-template-columns:1fr}.reference-preview{gap:.7rem}.reference-preview>a{padding:.7rem;font-size:.87rem}}
