.offer-browser-sprite { background:url('/platform/images/offers/offers-spriteA0@2x.png'); background-size:400px 400px; }

.offer-browser-item { position:relative; display:block; background:#FFFFFF; border:solid 1px #E3E3E3; border-bottom:solid 1px #E0E0E0; border-right:solid 1px #E0E0E0; text-decoration:none; padding:12px 0; box-shadow:1px 1px 5px -2px rgba(102,102,102,0); transition:all 0.2s; }
.offer-browser-item:hover { border:solid 1px #D6D6D6; border-right:solid 1px #D0D0D0; border-bottom:solid 1px #D0D0D0; box-shadow:1px 1px 5px -2px rgba(102,102,102,0.85); }
.offer-browser-item.darker:hover { border:solid 1px #D0D0D0; border-right:solid 1px #C9C9C9; border-bottom:solid 1px #C9C9C9; box-shadow:2px 2px 7px rgba(80,80,80,0.35); }
.offer-browser-item:active { box-shadow:1px 1px 7px -2px rgba(102,102,102,0.85); }
.offer-browser-item .title { position:relative; overflow:hidden; height:34px; margin:0 12px; }
.offer-browser-item h3 { font-size:16px !important; line-height:17px !important; font-weight:500 !important; color:#000000; padding:0; margin:0; }
.offer-browser-item h4 { font-size:14px !important; line-height:15px !important; font-weight:500 !important; color:#1177BB; padding:0; margin:2px 0 0 0; }
.offer-browser-item .photo { position:relative; overflow:hidden; height:160px; background:#F0F0F0; margin-top:12px; }
.offer-browser-item .photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
.offer-browser-item .photo .price-flags { position:absolute; top:10px; right:10px; z-index:9999; display:flex; flex-direction:column; align-items:end; gap:5px; }
.offer-browser-item .bottom { position:relative; display:flex; justify-content:space-between; align-items:end; height:34px; margin:10px 12px 0 12px; }
.offer-browser-item .bottom .right { display:flex; flex-direction:column; align-items:end; row-gap:2px; font-size:13px; line-height:13px; font-weight:normal; color:#666666; text-wrap:nowrap; }
.offer-browser-item .priority { position:relative; width:22px; height:20px; background-position:-190px 0px; }
.offer-browser-item .date { font-size:13px; font-weight:500; color:#666666; }
.offer-browser-item .price { position:relative; display:flex; flex-direction:row; align-items:bottom; flex-wrap:wrap; gap:4px; font-size:14px; line-height:14px; font-weight:400; color:#0066CC; }
.offer-browser-item .price .originalprice { font-size:13px; color:#888888; text-decoration:line-through; }
.offer-browser-item .price .fromlabel { font-size:12px; }
.offer-browser-item .price .amount { font-weight:700; }
.offer-browser-item .price .divider { font-weight:400; }
.offer-browser-item .transport { height:16px; }
.offer-browser-item .transport[data-type="B"] { width:15px; background-position:0px -219px; } 
.offer-browser-item .transport[data-type="A"] { width:16px; background-position:0px -197px; }
.offer-browser-item .transport[data-type="BA"] { width:43px; background-position:0px -247px; }
.offer-browser-item .transport[data-type="NT"] { width:21px; background-position:0px -271px; }

.offer-browser-item.horizontal { display:grid; grid-template-columns:200px 1fr; align-items:center; row-gap:0; column-gap:13px; padding:0; }
.offer-browser-item.horizontal .photo { grid-column:1; grid-row:1 / span 2; height:112px; margin:0; overflow:hidden; }
.offer-browser-item.horizontal .photo img { transform-origin:center; transform:scale(1); transition:transform 0.25s; }
.offer-browser-item.horizontal:hover .photo img { transform:scale(1.04); }
.offer-browser-item.horizontal .title { grid-column:2; grid-row:1; height:41px; margin:0 10px 0 0; }
.offer-browser-item.horizontal h3 { font-size:17px !important; line-height:18px !important; font-weight:500 !important; color:#000000; padding:0; margin:0; }
.offer-browser-item.horizontal h4 { font-size:15px !important; line-height:21px !important; font-weight:500 !important; color:#1177BB; padding:0; margin:2px 0 0 0; }
.offer-browser-item.horizontal .bottom { grid-column:2; grid-row:2; margin:0 10px 0 0; }