@charset "UTF-8"; article,aside,details,footer,li,main,nav,summary { display: block; } strong { font-weight: 700; } ::-moz-focus-inner { padding: 0; border: 0; } :focus { outline: 0; } pre { overflow: auto; } .clearfix:after { content: ""; display: block; clear: both; } ol ol,ol ul,ul ol,ul ul { margin-top: 0; margin-bottom: 0; } sub { bottom: -.25em; } blockquote,q { margin: 30px 0; font-weight: 400!important; line-height: 1.5; position: relative; padding: 40px 30px 20px; font-size: 20px; width: 100%; margin-left: 0; background: #ffe7ec; border-radius: 12px; clear: both; } table { width: 100%; margin-bottom: 30px; } table th { font-weight: inherit; } table td,table th { border-top: 1px solid #f1f1f1; padding: 15px 10px; } ol,ul { list-style-position: inside; } ol li,ul li { display: list-item; margin-bottom: 5px; } ol li ol,ol li ul,ul li ol,ul li ul { margin: 0 0 0 1em; } .entry-content ol,.entry-content ul { margin-left: 40px; margin-bottom: 30px; list-style-position: outside; } .entry-content ul { list-style: disc; } ol { list-style-type: decimal; } .home .podcats h2, .vopot h2, .chart1 h2, .chart-header h2, .couponstat h3, .relp-report-error h3 { margin: 0 0 20px 0; } .mainh2{ margin: 0 } .mainh2-2, .author-slider h2{ margin:0 0 30px 0 } .sidebar a:hover, .main-content a:hover { text-decoration: underline; } embed,object { margin-bottom: 1.5em; max-width: 100%; } iframe { width: 100%; } .to-top { position: fixed; bottom: 24px; right: 20px; z-index: 999; background-color: rgba(60, 60, 60, 0.9); color: #fff; border: none; border-radius: 12px; width: 40px; height: 40px; font-size: 18px; cursor: pointer; display: none; align-items: center; justify-content: center; transition: background-color 0.3s, opacity 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.3); } .to-top:hover { background-color: #666; } .cookie-banner { position: fixed; bottom: 20px; left: 20px; max-width: 270px; background: rgba(60, 60, 60, 0.9); color: #ddd; font-size: 12px; padding: 8px 12px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); display: flex; align-items: center; gap: 10px; z-index: 1; transition: opacity 0.3s ease, transform 0.3s ease; } .cookie-banner.hidden { opacity: 0; pointer-events: none; transform: translateY(20px); } .cookie-banner a { color: #d0daed; text-decoration: underline; } .cookie-btn { background: #777; color: #fff; border: none; border-radius: 12px; padding: 6px 12px; font-weight: bold; cursor: pointer; transition: background 0.2s ease; } .cookie-btn:hover { background: #666; } .home .fil-box-cupon { display: none; } .home .glavdiv { margin-bottom: 30px; } .home .relprekl { display: none; } .single .mainc .filterekskluzive:first-of-type, .single .mainc .filter100proc:first-of-type { border: 1px solid #8d1bbc; overflow: inherit; } .green{ color:green } .red{ color:#ff6d6d } #load-more-container, #load-more-container-exclusive { margin-bottom: 30px; } .btn-view-popular { color: #8d1bbc; cursor: pointer; } .btn-view-popular:hover { border-bottom: 1px dotted #8d1bbc; } .couponlist { list-style: none; margin: 0!important; } .couponlist li { border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 16px; list-style: none; } .couponlist li:last-of-type { margin: 0; padding: 0; border: 0; } .boldkod { font-weight: bold; } .home .summary{ margin: 0 0 0 20px; } ul.summary { margin: 0 0 30px 30px; } .promokody-displaynone { display: none; } .brand-cat__desc a { color: #8d1bbc; } .brand-cat__desc a:hover { text-decoration: underline; } .brand-cat__desc p{ margin-bottom:20px } .results-count { margin: 30px 0; } .entry-content p img, .entry-content li img { border-radius: 12px; } blockquote:before,q:before { content: ""; left: 0; } input[type="search"]:focus { color: #333!important; } .promkodaction {} .kodoff-h3:hover { color: #8d1bbc; } .kodoff-bad-notice { font-size: 11px; color: #aeaeae; } .kodoff-descr { width: 100%; min-height: 30px; position: relative; padding: 0 65px 20px 0; margin: 10px 0 0; color: #000; max-width: 100%; line-height: 1.4; display: none; } .modal-body { padding: 0 60px 20px 60px; position: relative; } .modal { display: none; position: fixed; z-index: 200001; -webkit-overflow-scrolling: touch; outline: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: 50px; } .modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .modal-dialog { position: relative; width: 600px; margin: 0 auto; border-radius: 12px; } .modal-content { position: relative; background-color: #fff; border: 1px solid transparent; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0; border-radius: 12px 12px 0 0; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-error{margin-top:20px;text-align:center} .mymodal { position: fixed; top: 0; left: 0; z-index: 200001; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.98); transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out; pointer-events: none; display: none; } .mymodal.show { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; } body.modal-open { overflow: hidden; } .mymodal.is-dragging { transition: none !important; } button.close { position: absolute; top: 10px; right: 10px; z-index: 1099; padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; font-size: 34px; font-weight: 300; line-height: 24px; opacity: .6; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; float: right; color: #333; filter: alpha(opacity=20); } .modal-footer .promotg { border-radius: 0; } .kodoff-modal-logo { width: 100px; margin: -20px auto 20px auto; border: 1px solid #8d1bbc; border-radius: 12px; background: #f3f3f3; padding: 5px 10px; line-height: 16px; } .kodoff-modal-logo img { width: 90px; height: 56px; object-fit: contain; } .modal-title-brand{ font-size: 12px; text-align: center; margin: 0; color: #676767; cursor: pointer; } .modal-title { text-align: center; font-size: 20px; line-height: 1.3em; margin: 0 0 10px 0; font-weight: 700; } .input-group { display: flex; align-items: stretch; width: 100%; margin-bottom: 20px; position: relative; } .input-group .form-control { flex: 1 1 auto; min-width: 0; background-color: #edf2ff; border: 1px dashed #333; border-right: 0; border-radius: 12px 0 0 12px; text-align: center; font-size: 18px; padding: 4px 5px; box-shadow: none; margin-bottom: 0; } .input-group-btn { display: flex; flex: 0 0 auto; } .linktoall a:hover { border-bottom-color: transparent; text-decoration: none; } .nowr { white-space: nowrap; text-align: center; } .couponstat, .vopot { background: #fff; padding: 30px; margin-bottom: 15px; border-radius: 12px; } .strong { font-weight: 700; } div.btn { cursor: pointer; animation: none!important; } .kodoff-butt.btn:hover:before, .kodoff-butt .btn:hover:before { transform: scaleX(1); } .kodoff-butt.btn:hover, .kodoff-butt .btn:hover { background-color: #590d78; color: #fff!important; box-shadow: 0 3px 8px rgb(0 0 0 / 10%), 0 0 2px rgb(0 0 0 / 10%); border-color: rgb(0 0 0 / 0%); } .eto_akciya_on .kodoff-butt.btn:hover, .eto_akciya_on .kodoff-butt .btn:hover { background: #3070cd; } .eto_akciya_on .kodoff-butt.btn:after, .eto_akciya_on .kodoff-butt .btn:after { background-color: #3f87ef; } .eto_akciya_on .kodoff-butt.btn:before, .eto_akciya_on .kodoff-butt .btn:before { background-color: #3070cd; } .input-group .btn { min-width: auto; height: auto; background: #000; border-radius: 0 12px 12px 0; font-size: clamp(12px, 3.4vw, 15px); } ._btncpy { color: #fff; background-color: #000; border-radius: 12px; margin-bottom: 0; } ._btncpy:active { background-color: #3258b3; box-shadow: inset 1px 1px 4px rgba(0,0,0,.16); } ._btncpy:hover { background-color: #666; } .kodoff-modal-descr { max-width: 100%; overflow: hidden; word-wrap: break-word; line-height: 1.35; font-size: 14px; margin: 0 0 20px 0; text-align: center; } .kodoff-modal-descr a { color: #8d1bbc; text-decoration: underline; } .kodoff-modal-descr a:hover { color: #8d1bbc; text-decoration: none; } .gotoshop { display: block; margin: 0 auto 10px auto; text-align: center; cursor: pointer; white-space: nowrap; -ms-user-select: none; user-select: none; font-size: 14px; padding: 12px 14px; text-transform: uppercase; height: 45px; line-height: 1.5em; color: #fff; background-color: #8d1bbc; border: 1px solid transparent; border-radius: 12px; box-shadow: 1px 1px 4px rgba(0,0,0,.3); font-weight: 700; width: 210px; } .gotoshop:active { color: #fff; background-color: #590d78; box-shadow: inset 1px 1px 4px rgba(0,0,0,.16); } .gotoshop:hover { color: #fff; background-color: #590d78; } .modal-eto-akciya { background-color: #3f87ef; } .modal-eto-akciya:hover { background-color: #3070cd; } .kodoff-modal-data { display: flex; font-size: 12px; justify-content: space-between; padding: 10px 60px 10px 60px; background: #eee; border-top: 1px solid #ddd; } .coupon-feedback { margin: 10px auto; text-align: center; display: flex; justify-content: center; gap: 5px; font-size: 14px; } .text-p-feedback { text-align: center; font-weight: bold; font-size:14px } .thank-you-message{ display:none; animation: fadeIn 0.5s ease-in-out; font-size: 14px; margin-bottom: 10px; text-align: center; } .btn-feedback { width:100px; margin: 0; padding: 5px 2px; cursor: pointer; transition: transform 0.3s ease; display: flex; align-items: center; flex-direction: row; gap: 5px; justify-content: center; border-radius: 12px; border: 1px solid transparent; background: #eee; color:#333; text-transform: unset; } .btn-feedback:hover { background: #e1e1e1; border: 1px solid #ddd; } .btn-feedback.disabled{ opacity: 0.4; } .btn-feedback.active{ opacity: 0.7; border: 1px solid #c1c1c1; } svg.btn-feedback-down { width: 20px; height: 20px; color: #fc5144; } svg.btn-feedback-up { width: 20px; height: 20px; color: #7dcc16; } .tg-banner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #ffffff; padding: 15px 20px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; text-decoration: none; width: 100%; box-sizing: border-box; display: none; background:#5b3b68 } .app-banner { background: radial-gradient(420px 200px at 12% -30%, rgba(163,47,214,.45), transparent 60%), radial-gradient(360px 200px at 96% 130%, rgba(94,106,210,.30), transparent 65%), linear-gradient(135deg, #7d12b8 0%, #4d0a73 100%); } .app-banner-left { display: grid; place-items: center; } .app-banner-left .app-banner-icon { display: none; filter: drop-shadow(0 2px 5px rgba(0,0,0,.35)); } .app-banner-left .app-banner-qr { display: block; width: 64px; height: 64px; background: #fff; border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.28); } .app-banner .app-sub-mobile { display: none; } .app-banner .app-sub-desktop { display: block; } .app-banner .tg-button { color: #5a1a86; box-shadow: 0 2px 8px rgba(0,0,0,.18); } .tg-banner-top { display: flex; align-items: center; flex: 1; } .tg-banner-left { animation: tgiconboom 0.8s ease-out; flex-shrink: 0; } .tg-banner-left img { width: 48px; height: 48px; } .tg-banner-center { margin: 0 10px 0 20px; } .tg-title { font-size: 16px; font-weight: bold; margin-bottom: 2px; } .tg-subtitle { font-size: 14px; margin-bottom: 4px; } .tg-note { font-size: 12px; color: #bbbbbb; } @keyframes tilt-shake-interval { 0%, 82.9% { transform: rotateZ(0deg); } 83% { transform: rotateZ(-2deg); } 87% { transform: rotateZ(2deg); } 91% { transform: rotateZ(-1.5deg); } 95% { transform: rotateZ(1deg); } 100% { transform: rotateZ(0deg); } } .tg-button { background-color: #fff; color: #505050; padding: 10px 16px; border-radius: 12px; font-weight: bold; font-size: 14px; white-space: nowrap; transition: background 0.3s ease; animation: tilt-shake-interval 3.6s ease-in-out infinite; transform-origin: center; display: inline-block; } .tg-button:hover { background-color: #bfbfbf; } .loyalty-banner{ background-image: radial-gradient(380px 220px at 90% -20%, rgba(70,224,255,.18), transparent 65%), radial-gradient(320px 180px at 10% 120%, rgba(141,27,188,.18), transparent 70%), linear-gradient(180deg, #7b1fbf 0%, #2a0f4b 100%); box-shadow: inset 0 0 0 2px rgba(109,73,191,.35); } .loyalty-banner .tg-banner-left{ position: relative; width: 64px; height: 64px; display: grid; place-items: center; overflow: visible; --icon: 56px; --glow: 80px; } .loyalty-banner .tg-banner-left img{ position: relative; z-index: 1; width: var(--icon); height: var(--icon); display: block; filter: drop-shadow(0 0 10px rgba(123,80,255,0.35)) drop-shadow(0 0 16px rgba(70,224,255,0.25)); } .loyalty-banner .tg-button{ background: linear-gradient(180deg, #b787ff, #7d4bd6); border: 1px solid rgba(255,255,255,.28); border-radius: 12px; color: #fff; padding: 10px 16px; line-height: 1; box-shadow: 0 2px 6px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); transition: transform .1s ease, box-shadow .15s ease, filter .15s ease; } .loyalty-banner .tg-button:hover{ filter: brightness(1.04); box-shadow: 0 3px 10px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.25); } .loyalty-banner .tg-button:active{ transform: translateY(1px); box-shadow: 0 1px 3px rgba(0,0,0,.25) inset; } .loyalty-banner .tg-button:focus-visible{ outline: none; box-shadow: 0 0 0 2px rgba(255,255,255,.6), 0 0 0 4px rgba(125,75,214,.35); } .loyalty-banner .tg-button::after{ display: none !important; } .brand-cat__title { margin-bottom: 30px; } .promkods h2 { clear: both; padding: 40px 0; font-size: 26px!important; margin: 0!important; } .card-coupon__icon { height: 12px; width: 12px; } .modal-dialog .modalShare { font-size: 14px; } .modalsharecenter { margin: 0 auto 20px auto; text-align: center; line-height: 12px; } .chart1 { background: #fff; padding: 30px; margin-bottom: 15px; border-radius: 12px; } .home .chart1{ margin-bottom:30px } #chart-container { max-width: 900px; margin: 0 auto; position: relative; } .legend { display: flex; gap: 20px; margin-bottom: 15px; flex-wrap: wrap; font-size: 14px; } .legend-item { display: flex; align-items: center; gap: 6px; } .legend-color, .legend-line { display: inline-block; } .legend-color { width: 20px; height: 20px; border-radius: 4px; } .legend-color.highest-discount { background: linear-gradient(45deg, #81c784 0%, #c8e6c9 100%); border: 1px solid #81c784; } .legend-color.most-codes { background: linear-gradient(45deg, #8d1bbc 0%, #d69ceb 100%); border: 1px solid #8d1bbc; } .legend-line { width: 30px; height: 2px; border-top: 2px dashed red; } #chart-wrapper { display: flex; overflow-x: auto; scrollbar-width: none; } #chart-wrapper::-webkit-scrollbar { display: none; } #scale { width: 10px; height: 250px; position: relative; margin-right: 12px; text-wrap: nowrap; text-align: right; padding-right: 4px; font-size: 12px; color: rgb(102, 102, 102); display: none; } #bars-area { flex: 1; display: flex; flex-direction: column; } #chart { display: flex; align-items: flex-end; height: 250px; position: relative; border-bottom: 1px solid #ccc; gap: 10px; justify-content: space-between; transition: opacity 0.5s ease; } #chart-labels { display: flex; margin-top: 5px; gap: 10px; justify-content: space-between; } .bar-wrapper { position: relative; width: 50px; cursor: pointer; } .bar { width: 100%; background-color: #8d1bbc; border-radius: 12px 12px 0 0; height: 0; border: 1px solid #8d1bbc; background: linear-gradient( 135deg, #8d1bbc 25%, transparent 25%, transparent 50%, #8d1bbc 50%, #8d1bbc 75%, transparent 75%, transparent ); background-size: 11.33px 11.33px; animation: moveStripes 30s linear infinite; } @keyframes moveStripes { from { background-position: 0 0; } to { background-position: 40px 40px; } } .bar.highest-discount { background: linear-gradient(45deg, #81c784 0%, #c8e6c9 100%); border: 1px solid #81c784; animation: none; } .bar.most-codes { background: linear-gradient(45deg, #8d1bbc 0%, #d69ceb 100%); border: 1px solid #8d1bbc; animation: none; } .bar-value { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 4px; font-size: 12px; color: #333; font-weight: bold; white-space: nowrap; pointer-events: none; } .bar-month { font-size: 12px; color: #555; text-align: center; } .bar-wrapper:hover::after { content: attr(data-tooltip); position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.75); color: #fff; font-size: 12px; padding: 6px 8px; border-radius: 4px; white-space: nowrap; pointer-events: none; z-index: 1; } .bar-wrapper:first-child:hover::after { left: 0; transform: translateX(0); } .bar-wrapper:nth-last-child(3):hover::after { right: 0; left: auto; transform: translateX(30%); } .bar-wrapper:nth-last-child(2):hover::after { right: 0; left: auto; transform: translateX(0); } .avg-line { position: absolute; left: 0; width: 100%; height: 0; border-top: 1px dashed red; z-index: 2; } .avg-label { position: absolute; right: 0; padding: 2px 6px; background: #332d50; color: #fff; font-size: 12px; border-radius: 4px; transform: translateY(-50%); } .pk-sb-tgbot-head{ display:flex; gap:12px; align-items:flex-start; margin-bottom:15px } .pk-sb-tgbot-img{ width:50px; height:50px; border-radius:999px; object-fit:cover; flex:0 0 50px; border:1px solid rgba(0,0,0,.06); } h3.pk-sb-tgbot-title{ margin:0; font-size: 20px; line-height: 1.25; } .pk-sb-tgbot-sub{ font-size:17px; line-height:1.35; margin-bottom:15px } .pk-sb-tgbot-list{ padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; margin-bottom:15px } .pk-sb-tgbot-list li{ position:relative; padding-left:18px; font-size:15px; line-height:1.35; color:rgba(0,0,0,.82); margin:0; } .pk-sb-tgbot-list li:before{ content:"›"; position:absolute; left:0; top:-1px; font-size:24px; line-height:1; font-weight:900; color:#7a1fb6; } @keyframes pkBlink3 { 0% { opacity: 1; } 20% { opacity: 1; } 28% { opacity: .2; } 36% { opacity: 1; } 60% { opacity: 1; } 68% { opacity: .2; } 76% { opacity: 1; } 100% { opacity: 1; } } .pk-blink-jq-like { animation: pkBlink3 1100ms ease-in-out 1; } @media (max-width: 767px) { .app-banner-left .app-banner-icon { display: block; } .app-banner-left .app-banner-qr { display: none; } .app-banner .app-sub-mobile { display: block; } .app-banner .app-sub-desktop { display: none; } .cookie-banner { left: 20px; bottom: 10px; } .to-top{ bottom: 16px; } .block article { flex: 1 1 calc((100% / 3) - 5px); max-width: calc(33% - 5px); } .input-group-btn.hidden-xs { display: none; } .modal-body { padding: 0 30px 20px 30px; z-index: 1090; } .kodoff-modal-data { padding: 10px 30px 10px 30px; } .kodoff-descr { padding: 0 0 20px; } .promotg a { display: block; padding: 25px 0; } .promotg1 { width: 80px; } .promotg2 { float: none; margin: 0; padding: 0 5px 0 0; } .promotg2-2 { margin-top: 10px; padding: 0 15px; } .promotg3 { margin: 15px auto 0; float: none; width: auto; clear: both; } .kodoff-main .modalShare { position: absolute; bottom: 0; right: 0; } .kodoff-main .modalShare .podel { display: none; } } @media (max-width: 650px) { .modal-dialog { width: 100%; } } @media (max-width: 520px) { .tg-banner { flex-direction: column; align-items: stretch; padding: 16px; text-align: left; } .tg-banner-top { display: flex; align-items: center; margin-bottom: 14px; } .tg-banner-left { flex-shrink: 0; } .tg-banner-center { flex: 1; margin-left:10px } .tg-title { font-size: 15px; font-weight: bold; margin-bottom: 2px; } .tg-subtitle { font-size: 13px; margin-bottom: 4px; } .tg-note { font-size: 11px; } .tg-banner-right { width: 100%; } .tg-button { width: 100%; padding: 12px; font-size: 15px; text-align: center; } } @media (max-width: 576px) { .page-links__item { line-height: 2.5; } } @media (max-width: 480px) { .block article { flex: 1 1 calc((100% / 2) - 5px); max-width: calc(50% - 5px); } .kolvoraz { display: block; } .skryt { display: none; } .couponstat, .vopot { padding: 20px; margin: 10px -20px 0; } .modal { padding-top:30px } .modal-body { padding: 0 15px 20px 15px; } blockquote { margin: 30px -20px!important; max-width: none; width: calc(100% - 40px * -1)!important; } .relp { padding: 20px!important; margin: 10px -20px 0; } .brand-cat__desc .relp{ margin:10px -20px } .relprekl { padding: 10px 20px; } .relprmk a { width: 50%; } .site-description { font-size: 12px; } .mainpoisk { padding: 20px 30px 30px; } .modal-dialog .card-coupon__icon { width: 16px; height: 16px; } .kodoff-modal-descr { font-size: 16px; } .shic a { width: calc(14.5% - 6px); } .chart1 { padding: 20px; margin: 10px -20px 15px -20px; } .home .chart1 { padding: 20px; margin: 0 -20px 30px -20px; } .chart-wrapper{ margin:0 -5px } .home .coupon-chart-dynamic.chart-visible{ margin: 30px -20px 30px -20px; } .podcats{ margin: 0 -20px 30px -20px; } .loyalty-banner .tg-banner-left{ width:56px; height:56px; --icon: 48px; --glow: 64px; } } @media (max-width: 375px) { .shapp, .shic { flex-wrap: wrap; } .shapp a { width: calc(50% - 5px); } .catcard-title { font-size: 14px; line-height:20px } .loyalty-banner .tg-banner-left{ width:48px; height:48px; --icon: 34px; --glow: 56px; } } @media (max-width: 350px) { .burger-toggle.active .burger-line:nth-child(1) { transform: rotate(45deg) translate(6px, 4px); } .burger-toggle.active .burger-line:nth-child(3) { transform: rotate(-46deg) translate(6px, -4px); } .search-container { height:46px; justify-content: space-between; } .search-close{ font-size:18px } .search-toggle svg{ width:18px; height:18px } .mobile-menu-overlay{ margin-top:45px } .menu-mobile li { margin-bottom: 5px; font-size: 14px; } .cookie-banner{ font-size: 10px; max-width:240px } .to-top{ bottom:13px } h2{ font-size:20px } .bullet { width:20px } .bullet.active { width: 30px } .smart-captcha { width: 100%; } .radiofield label{ font-size: 12px; } } .search-form { position: relative; background:#fff; display: flex; border-radius: 12px; width:100%; max-width: 300px; } .search-form input[type="search"]{ width:100%; border:0; padding: 10px; border-radius: 12px; background:#fff; font-size: 16px; color: #333; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; background-color: transparent; } .search-form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .autocomplete-loading { display:none; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; } .search-form button{ padding:0; display: flex; padding: 10px; } .search-form button svg{ fill:#332d50; width: 17px; height: 18px; } .autocomplete-results { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255, 255, 255); opacity: 0; visibility: hidden; transform: translateY(5px); transition: opacity 0.2s ease, transform 0.2s ease; position: absolute; z-index: 9999; background: #fff; border: 1px solid #ccc; max-height: 220px; overflow-y: auto; width: 100%; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); top: 42px; font-size: 16px; color: #333; } .autocomplete-results.visible { opacity: 1; visibility: visible; transform: translateY(0); } .autocomplete-results a { display: flex; align-items: center; padding: 5px 10px; gap: 10px; text-decoration: none; border-bottom: 1px solid #eee; } .autocomplete-results a:hover { background-color: #f5f5f5; } .autocomplete-results img { width: 70px; height: 15px; object-fit: contain; }