@charset "UTF-8";.catIMGblock {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;column-gap: 30px;row-gap: 15px;margin: 0 3%;position: relative;padding: 20px;}.catIMGblock a {display: flex;flex-direction: column;align-items: center;flex-grow: 1;text-decoration: none;color: #755989;}.catIMGblock a:hover {color: #dd4058;}.catIMGblock .name, .catIMGblock .price {text-align: center;}.catIMGblock .name {padding-top: 5px;}.catIMGSinnerV {max-width: 200px;text-align: center;position: relative;}.catIMGSinnerH {max-width: 300px;text-align: center;position:relative;height: 100%;}.catIMGSinnerV:has(.artprint), .catIMGSinnerH:has(.artprint), .catIMGSinnerV:has(.metal), .catIMGSinnerH:has(.metal), .catIMGSinnerV:has(.framed), .catIMGSinnerH:has(.framed), .catIMGSinnerV:has(.canvas), .catIMGSinnerH:has(.canvas), .catIMGSinnerH:has(.foambackedP), .catIMGSinnerV:has(.gcards), .catIMGSinnerH:has(.gcards) {margin-bottom: 30px;}.searchIMG {max-height: 150px;width: auto;text-align: center;position: relative;}.listingIMG {max-width: 100%;height: auto;}.catIMGblock .artprint img {border: 10px solid white;outline: 1px solid #666;max-height: 240px;width: auto;}.catIMGblock .artprintP, .catIMGblock .canvastrio {max-height: 150px;}.catIMGblock .artprintP img {width: 300px;border: 5px solid white;outline: 1px solid #666;}.catIMGblock .canvastrio img {width: 300px;}.catIMGblock .gcards img {max-height: 240px;width: auto;}.catIMGblock .foambacked, .catIMGblock .metal, .catIMGblock .framed, .catIMGblock .canvas, .catIMGblock .foambackedP, .catIMGblock .gcards {position: relative;display: inline-block;}.catIMGblock .framed img {box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 2px #1f1f1f, inset 0 0 0 3px #2b2b2b, inset 0 0 0 4px #2f2f2f, inset 0 0 0 5px #2f2f2f, inset 0 0 0 6px #2b2b2b, inset 0 0 0 7px #000000, 2px 2px 4px 0 rgba(0, 0, 0, 0.5);padding: 18px;margin: 0;}@supports (clip-path: polygon(5% 5%, 100% 0%, 100% 100%, 5% 95%)) {.catIMGSinnerH .foambacked img, .catIMGSinnerH .metal img, .catIMGSinnerH .foambackedP img {width: 90%;}.catIMGblock .canvas img {width: 85%;}.catIMGblock .foambacked img, .catIMGblock .metal img, .catIMGblock .canvas img, .catIMGblock .foambackedP img {height: auto;margin: 0 0 0 3%;transform-origin: top left;clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);position: relative;}.catIMGblock .foambacked .perspective {width: 5px;background-color: #333;top: 0;position: absolute;clip-path: polygon(0% 0%, 100% 3%, 100% 97%, 0% 100%);height: calc(100% - 4px);}.catIMGSinnerV .foambacked .perspective {right: -10px;}.catIMGSinnerH .foambacked .perspective {right: 6px;}.catIMGblock .metal .perspective {width: 7px;background: linear-gradient( to right, #ccc 0px, #ccc 2px, #000 2px, #000 5px, #ccc 5px );position: absolute;transform-origin: top right;clip-path: polygon(0% 0%, 100% 3%, 100% 97%, 0% 99%);top: 0;height: calc(100% - 3px);}.catIMGSinnerV .metal .perspective {right: -12px;}.catIMGSinnerH .metal .perspective {right: 4px;}.catIMGblock .canvas .perspective {width: 15px;background-color: #333;top: 0;position: absolute;clip-path: polygon(0% 0%, 100% 3%, 100% 97%, 0% 100%);height: calc(100% - 4px);}.catIMGSinnerV .canvas .perspective {right: -5px;}.catIMGSinnerH .canvas .perspective {right: 3px;}.catIMGSinnerH .foambackedP .perspective {width: 5px;background-color: #333;top: 0;position: absolute;clip-path: polygon(0% 0%, 100% 3%, 100% 97%, 0% 100%);height: calc(100% - 4px);}.catIMGSinnerH .foambackedP .perspective {right: 6px;}.catIMGSinnerV .gcards img {width: 90%;height: auto;margin: 0 0 0 3%;transform-origin: top left;clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);position: relative;z-index: 2;}.catIMGSinnerV .gcards .perspective {width: 97%;height: 100%;background: linear-gradient(to right, #666666 0%, #999999 33%, #e1e1e1 90%);top: 0;left: 10px;position: absolute;clip-path: polygon(1% 0%, 100% 0%, 100% 90%, 1% 90%);}.catIMGSinnerH .gcards img {width: 80%;height: auto;margin: 0;transform-origin: top left;clip-path: polygon(5% 0%, 100% 5%, 95% 100%, 0% 90%);position: relative;z-index: 2;}.catIMGSinnerH .gcards .perspective {width: 97%;height: 100%;background: linear-gradient(to bottom, #666666 0%, #999999 25%, #CCCCCC 50%, #F1F1F1 100%);top: 0;right: 0;position: absolute;clip-path: polygon(12% 1%, 89.5% 5%, 95% 85%, 14% 85%);}}.catIMGSinnerH .difcolours, .catIMGSinnerV .difcolours {position: absolute;top: 0;right: 0;width: 100%;height: 70px;background-image: url('https://www.realworldart.co.uk/imagefiles/118C.png');background-repeat: no-repeat;background-position: top right;background-size: auto 70px;z-index: 98;}.BtnBlock {text-align: center;margin: 20px 0;}#filterPopup, #filterPopup2, #filterPopup3 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 100;}.filter-content {position: absolute;top: 12%;left: 50%;transform: translate(-50%, -10%);width: 90%;max-width: 800px;height: 90vh;background: white;padding: 10px;border-radius: 10px;text-align: left;overflow: hidden;}.filter-content h2 {font-size: 2.5rem;}.filter-section h3 {font-size: 1.5rem;}.filter-section label {font-size: 1.3rem;}.filter-footer {position: absolute;bottom: 20px;left: 0;right: 0 ;text-align: center;}.filter-btn {cursor: pointer;background: none;border: none;padding: 0;}.close-btn {cursor: pointer;}.category-list {max-height: 50vh;max-width: 100%;overflow-y: auto;overflow-x: hidden;padding: 10px;display: flex;flex-direction: row;flex-wrap: wrap;column-rule: 1px dotted #ccc;}.category-list label {line-height: 2.5rem;flex: 0 auto;}.pages {text-align: center;margin: auto;overflow: hidden;}.pages div {margin: 10px 5px;display: inline-block }.pages .Cpage {border: 1px solid #dd4058;color: #dd4058;padding: 0 15px }.pages .Plink {border: 1px solid #333;background: #3e2723;}.pages .Plink a {text-decoration: none;color: #fff;padding: 0 15px;white-space: nowrap }.pages .Plink:hover, .pages .Plink:hover>.Plink a {background: #dd4058;color: #fff }.pages .Plink a:hover {color: #fff }@media (min-width: 1001px) {.infoBlock {margin: 0 3%;}}