.ngpluginparashopput .ngpluginparashopputimage>a>img { display: block; width: 100%; height: auto; margin: 0 0 10px 0; } .ngpluginparashopput .ngpluginparashopputimage a:focus-visible img { filter: brightness(50%) contrast(75%); } .ngpluginparashopputbouquetitems .ngpluginparashopputimage { display: flex; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul { display: block; margin: 0; padding: 0; width: 58px; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li { list-style: none; display: block; margin: 0; padding: 0 10px 10px 0; width: 48px; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li>a>img { display: block; width: 48px; height: auto; } .ngpluginparashopputbouquetitems .ngpluginparashopputimage>ul>li>a.ngpluginparashopputimageactive>img { box-shadow: 0 0 5px #000000; } .ngpluginparashopput table { margin: 0 0 1em 0; padding: 0; width: 100%; box-sizing: border-box; } .ngpluginparashopput td { width: 50%; } .ngpluginparashopput td:first-child { padding: 0 5px 5px 0; vertical-align: top; } .ngpluginparashopput td:last-child { padding: 0 0 5px 5px; vertical-align: top; } .ngpluginparashopput td img { width: 100%; height: auto; display: block; } .ngpluginparashopput svg { width: 1.1em; height: 1.1em; display: inline-block; vertical-align: -0.18em; } .ngpluginparashopput1cols>div { width: 100%; margin: 0 0 30px 0; } .ngpluginparashopput2cols>div { width: 45%; float: left; } .ngpluginparashopput2cols>div:first-child { margin-right: 5%; } .ngpluginparashopput2cols>div:last-child { margin-left: 5%; } .ngpluginparashopput3cols>div { width: 30%; float: left; } .ngpluginparashopput3cols>div:first-child { margin-right: 5%; } .ngpluginparashopput3cols>div:last-child { margin-left: 5%; } .ngpluginparashopput2cols::after, .ngpluginparashopput3cols::after{ content: ""; display: table; clear: both; } .ngpluginparashopput2cols>div.ngpluginparashopputstretchbuy { clear: both; display: block; float: none; width: 100%; margin-left: 0; padding-top: 20px; } .ngpluginparashopput h3 { margin: 0 0 1em 0; text-align: left; } .ngpluginparashopput p { margin: 0 0 1em 0; text-align: left; } .ngpluginparashopput p.ngpluginparashopputonmemoblock { margin-top: 1em; } .ngpluginparashopput .ngpluginparashopputimagezoomparent { position: relative; } .ngpluginparashopput .ngpluginparashopputimagezoom { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 100; } .ngpluginparashopput .ngpluginparashopputimagezoom img { position: absolute; } .ngpluginparashopput .ngpluginparashopputprice { font-size: 200%; text-align: left; margin: 0 0 0.2em 0; } .ngpluginparashopput .ngpluginparashopputprice b { font-weight:bold; font-style:normal; } .ngpluginparashopput .ngpluginparashopputsaleprice b { font-weight:bold; font-style:normal; } .ngpluginparashopput s { font-size: 65%; font-weight:normal; font-style:normal; } .ngpluginparashopput .ngpluginparashopputinfo { font-size: 90%; margin: 0 0 1.5em 0; } .ngpluginparashopput ul { margin: 0 0 1.5em 0; padding: 0 0 0 2em; list-style-type: square; } .ngpluginparashopput ul li { margin: 0 0 0.3em 0; padding: 0; } .ngpluginparashopput .ngpluginparashopputwithunit { display: flex; align-items: center; } .ngpluginparashopput .ngpluginparashopputwithunit span { margin-left: 10px; } .ngpluginparashopput form.ngshopputform { margin-top: 40px; text-align: left; } .ngpluginparashopput form.ngshopputform p { text-align: left; } .ngpluginparashopput form input[type=text], .ngpluginparashopput form textarea, .ngpluginparashopput form input[type=number], .ngpluginparashopput form select { border-color: #151c22; border-width: 1px; border-style: solid; padding: 8px; background: #e5f0f2; font: 15px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; border-radius: 0px; box-sizing: border-box; -webkit-appearance: none; display: block; width: 100%; } .ngpluginparashopput form input[type=text]:focus, .ngpluginparashopput form textarea:focus, .ngpluginparashopput form input[type=number]:focus, .ngpluginparashopput form select:focus { border-color: #151c22; background: #e5f0f2; } .ngpluginparashopput form textarea { min-height: 120px; } .ngpluginparashopput form input[type=checkbox], .ngpluginparashopput form input[type=radio] { margin:0 6px 0 0; padding: 0; vertical-align: middle; } .ngpluginparashopput form span { vertical-align: middle; } .ngpluginparashopput form input.ngshopputquantity, .ngpluginparashopput form select.ngshopputquantity { width: 70px; display: inline-block; height: 36px; line-height: 18px; margin: 0 10px 0 0; vertical-align: middle; } .ngpluginparashopput form select, .ngpluginparashopput form select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2216%22%20viewBox%3D%220%200%2025.00%2016.00%22%20enable-background%3D%22new%200%200%2025.00%2016.00%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M%206.36396%2C12.7782L%204.94975%2C11.364L%200%2C6.41422L%201.41421%2C5L%206.36396%2C9.94975L%2011.3137%2C5L%2012.7279%2C6.41421L%207.77817%2C11.364L%206.36396%2C12.7782%20Z%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 30px; box-sizing: border-box; } .ngpluginparashopput form.ngpluginparashopputvariants select { display: block; width: 100%; margin-bottom: 1em; } .ngpluginparashopput form.ngpluginparashopputvariants label { display: block; width: 100%; padding: 0 0 6px 0; margin: 0; box-sizing: border-box; } .ngpluginparashopput form select::-ms-expand { display: none; } .ngpluginparashopput input[type=file] { font: 15px Arial,'Helvetica',sans-serif; color: #000000; width: 100%; letter-spacing: 0px; } .ngpluginparashopput form button, .ngpluginparashopputreminder button, .ngpluginparashopput input[type=file]::file-selector-button { border-color: #000000; border-width: 1px; border-style: solid; padding: 8px 20px 8px 20px; background: #77abbf; font: 15px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; line-height: 18px; text-transform: uppercase; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 0px; display: inline-block; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; height: 36px; margin: 0; vertical-align: middle; } .ngpluginparashopputreminder button { height: auto; } .ngpluginparashopput form button:hover, .ngpluginparashopputreminder button:hover, .ngpluginparashopput input[type=file]::file-selector-button:hover { border-color: #456f80; background: #365866; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopput form button:focus, .ngpluginparashopputreminder button:focus, .ngpluginparashopput input[type=file]::file-selector-button:focus { outline: none; } .ngpluginparashopput input[type=file]::file-selector-button { margin-right: 20px; } .ngpluginparashopput .ngshopputimagebutton { text-align: center; padding-top: 9px; padding-bottom: 9px; } .ngpluginparashopput .ngshopputimagebutton svg { display: inline-block; width: 18px; height: 18px; } .ngpluginparashopput form button:disabled { opacity: 0.8; } .ngpluginparashopputshare>ul { list-style: none; margin: 10px 0; padding: 0; float: right; } .ngpluginparashopputshare::after, .ngpluginparashopputshare>ul::after { content: ''; display: table; clear: both; } .ngpluginparashopputshare>ul>li { margin: 0; padding: 0 0 0 4px; float: left; } .ngpluginparashopputshare>ul>li>a { color: #000000; } .ngpluginparashopputshare>ul>li>a>svg { width: 20px; height: 20px; } ul.ngshopputconfig { display: block; margin: 0 0 30px 0; padding: 0; list-style: none; } ul.ngshopputconfig>li { display: block; list-style: none; margin: 0 0 15px 0; padding: 0; } ul.ngshopputconfig>li>label { display: block; width: 100%; margin: 5px 0; } .ngpluginparashopputwait { display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 900; cursor: progress; } .sqrshopwait .ngpluginparashopputwait { display: block; } .ngpluginparashopputwait::after { content: " "; position: absolute; width: 64px; height: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGJhc2VQcm9maWxlPSJmdWxsIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NC4wMCA2NC4wMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQuMDAgNjQuMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0gMzIsMS4xNDQ0MWUtMDA1QyA0OS42NzMxLDEuMTQ0NDFlLTAwNSA2NCwxNC4zMjY5IDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRDIDE0LjMyNjksNjQgNy42MjkzOWUtMDA2LDQ5LjY3MzEgNy42MjkzOWUtMDA2LDMyQyA3LjYyOTM5ZS0wMDYsMTQuMzI2OSAxNC4zMjY5LDEuMTQ0NDFlLTAwNSAzMiwxLjE0NDQxZS0wMDUgWiBNIDMyLDQuMDAwMDJDIDE2LjUzNiw0LjAwMDAyIDQuMDAwMDEsMTYuNTM2IDQuMDAwMDEsMzJDIDQuMDAwMDEsNDcuNDY0IDE2LjUzNiw2MCAzMiw2MEMgNDcuNDY0LDYwIDYwLDQ3LjQ2NCA2MCwzMkMgNjAsMTYuNTM2IDQ3LjQ2NCw0LjAwMDAyIDMyLDQuMDAwMDIgWiAiLz48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNIDY0LDMyQyA2NCw0OS42NzMxIDQ5LjY3MzEsNjQgMzIsNjRMIDMyLDYwQyA0Ny40NjQsNjAgNjAsNDcuNDY0IDYwLDMyTCA2NCwzMiBaICIvPjwvc3ZnPg=='); animation: ngpluginparashopputwait 1s linear infinite; } @keyframes ngpluginparashopputwait { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 1023px) { .ngpluginparashopput3cols>div, .ngpluginparashopput2cols>div, .ngpluginparashopput3cols>div:first-child, .ngpluginparashopput2cols>div:first-child, .ngpluginparashopput3cols>div:last-child, .ngpluginparashopput2cols>div:last-child { float: none; width: 100%; margin: 0 0 30px 0; } } .ngpluginparashopputreminder { display: none; } @media (min-width: 1200px) { .ngpluginparashopputreminder { width: 640px; height: 130px; position: fixed; right: 20px; bottom: 20px; column-gap: 20px; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #ffffff; border-radius: 0px; align-items: flex-start; z-index: 1900; box-sizing: border-box; } .ngpluginparashopputreminder div[data-id="caption"] { font-weight: bold; } .ngpluginparashopputreminder span[data-id="priceinfo"] { font-size: 75%; } @keyframes shopputremindervisible { from { opacity: 0; transform: translate3d(0,-15px,0); } to { opacity: 1; transform: translate3d(0,0,0); } } .ngpluginparashopputremindervisible { display: flex; animation: shopputremindervisible 0.5s forwards ease; } .ngpluginparashopputreminder>img { display: block; width: auto; height: 100%; } .ngpluginparashopputreminder>div { flex-grow: 2; display: flex; flex-flow: column; justify-content: space-between; align-self: stretch; } .ngpluginparashopputreminder>button { align-self: flex-end; } }