/* Content from: global.css */
*,::after,::before {box-sizing:border-box;-webkit-tap-highlight-color:transparent; }html {line-height:1.15;-webkit-text-size-adjust:100%;position:relative;-webkit-touch-callout:none}* { }html,body {overflow-x:hidden;overscroll-behavior-y:none;background:var(--bg-color)}body,aside,header,main,nav,div {display:flex;flex-flow:row wrap}@font-face {font-family:'Roboto';src:url('assets/fonts/roboto-regular.woff2') format('woff2'),url('assets/fonts/roboto-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face {font-family:'Roboto';src:url('assets/fonts/roboto-medium.woff2') format('woff2'),url('assets/fonts/roboto-medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face {font-family:'Roboto';src:url('assets/fonts/roboto-bold.woff2') format('woff2'),url('assets/fonts/roboto-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}body {margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;line-height:1.429;color:var(--text-color);user-select:none;-webkit-user-select:none;flex-wrap:nowrap;font-family:'Roboto', sans-serif}body.small {font-size:16px}a {text-decoration:none;color:var(--primary-color)} hr {height:0;color:inherit}br {height:4px !important;width:0px;display:block}abbr[title] {text-decoration:underline dotted}b,strong {font-weight:bolder}code,kbd,pre,samp {font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;font-size:1em}small {font-size:80%}h1,h2,h3,h4,h5,h6 {font-weight:400}code{cursor:pointer;color:var(--primary-color)}sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub {bottom:-.25em}sup {top:-1px;font-weight:400;left:1px;font-size:11px}.small .bdialog {width:92% !important;height:unset !important;bottom:130px !important;top:unset !important;max-height:450px !important}.bgscrolloff {cursor:pointer;overflow:hidden !important;touch-action:none !important}@keyframes fade-in {from {opacity:0}to {opacity:1}}@keyframes fade-out {from {opacity:1}to {opacity:0}}@keyframes fly-in {from {opacity:0;transform:translateX(100%)}to {opacity:1;transform:translateX(0)}}@keyframes fly-out {from {opacity:1;transform:translateX(0)}to {opacity:0;transform:translateX(100%)}}table {text-indent:0;border-color:inherit}button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}input:focus {scroll-behavior:smooth}button,select {text-transform:none}[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}::-moz-focus-inner {border-style:none;padding:0}:-moz-focusring {outline:1px dotted ButtonText}:-moz-ui-invalid {box-shadow:none}legend {padding:0}progress {vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button {height:auto}[type=search] {-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration {-webkit-appearance:none}::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}h4 {font-size:15px;margin:5px 0px;padding:1px 10px}summary {display:list-item}.overlay {width:100vw;height:100vh;position:fixed;background-color:rgba(0, 0, 0, 0.4);z-index:500;left:0;top:0;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:visibility 0.3s ease, opacity 0.3s ease}.overlay.open {opacity:1;visibility:visible}.transoverlay {background-color:transparent}.moly {z-index:550}.ico {}:root {--sidebar-width:325px;--app-width:1400px;--logo-width:125px;--appbar-height:56px;--appbar-mob-height:52px;--bnav-height:56px;--bnav-mob-height:52px;--global-border-radius:3px;--primary-color:#033da1;--secondary-color:#bba166;--primary-filter:invert(49%) sepia(100%) saturate(346%) hue-rotate(143deg) brightness(101%) contrast(94%);--tabindex:5;--paneindex:3;--tabwidth:120px;--sliderindex:10;--tabvisible:6;--tabmove:0px;--tabtrans:transform 0.3s ease}.sg {--primary-color:#17817f}.uk {--primary-color:#384B70;--bg-color:#f1f0f4 !important}@media only screen and (max-width:768px) {:root {--tabwidth:86px}}.light {--header-bg:#fcfcfc;--bg-color:#f0f2f4;--bg-color-1:#dfdfdf;--bg-content-color:#fcfcfc;--text-color:#222;--title-text:#222;--img-opacity:1;--percent-text:#444;--badge-color:#b94a48;--bar-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .11);--box-shadow:0 1px 2px 0 rgba(0, 0, 0, .12);--modal-box-shadow:0 0 14px rgba(0, 0, 0, 0.24);background-color:var(--bg-color) !important;color:var(--text-color);--link-color:#2b4c97;--icon-active-filter:brightness(0) saturate(100%) invert(24%) sepia(18%) saturate(5256%) hue-rotate(203deg) brightness(95%) contrast(88%);--icon-filter:brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(4051%) hue-rotate(180deg) brightness(93%) contrast(78%)}.dark {--header-bg:#192734;--badge-color:#b94a48;--img-opacity:0.6;--title-text:#aaa;--bg-color:#15202B;--bg-color-1:#010101;--bg-content-color:#192734;--percent-text:#aaa;--deal-price:#4bafad;--bar-box-shadow:0px 4px 5px -5px #0d2538;--box-shadow:0 1px 2px 0 rgba(0, 0, 0, .10);--modal-box-shadow:0 0 14px rgba(0, 0, 0, 0.7);--text-color:#dcdcdc;--primary-color:#c1e0ff;background-color:var(--bg-color) !important;color:var(--text-color);--link-color:#eee;--icon-active-filter:brightness(0) saturate(100%) invert(82%) sepia(33%) saturate(679%) hue-rotate(183deg) brightness(103%) contrast(105%);--icon-filter:brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(942%) hue-rotate(317deg) brightness(105%) contrast(73%)}.pull {background:var(--bg-content-color) url(./assets/loading.svg) center / 27px no-repeat;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2);top:68px;position:fixed;z-index:100;left:calc(50% - 15px);height:32px;width:32px;border-radius:50%;display:none}@media (min-width:1560px) {:root {--app-width:1600px !important;--sidebar-width:320px !important}}.small {--app-width:100%;--sidebar-width:0px}.medium {--app-width:1360px;--sidebar-width:0px}.large {--app-width:1430px;--sidebar-width:320px}.xlarge {--app-width:1540px;--sidebar-width:300px}.xxlarge {--app-width:1600px;--sidebar-width:320px}.apps {background:url("./assets/icons.svg#apps") 24px / 24px no-repeat}.hot {background:url("./assets/icons.svg#hot") 24px / 26px no-repeat}.featured {background:url("./assets/icons.svg#featured") 24px / 24px no-repeat}.trending,.popular {background:url("./assets/icons.svg#trending") 24px / 24px no-repeat}.comments {background:url("./assets/icons.svg#comments") 24px / 24px no-repeat}.chats {background:url("./assets/icons.svg#chats") 24px / 24px no-repeat}.scomments {background:url("./assets/icons.svg#scomments") 24px / 24px no-repeat}.bookmark {background:url("./assets/icons.svg#bookmark") 24px / 24px no-repeat}.mobile {background:url("./assets/icons.svg#mobile") 24px / 24px no-repeat}.cart {background:url("./assets/icons.svg#cart") 24px / 24px no-repeat}.cartw {background:url("./assets/icons.svg#cartw") 24px / 24px no-repeat}.search::before {background:url("./assets/icons.svg#search") center / 32px no-repeat;width:36px !important}.recharge {background:url("./assets/icons.svg#recharge") 24px / 24px no-repeat}.settings {background:url("./assets/icons.svg#settings") 24px / 24px no-repeat}.bell {background:url("./assets/icons.svg#bell") 24px / 24px no-repeat}.cached {background:url("./assets/icons.svg#cached") 24px / 24px no-repeat}.help {background:url("./assets/icons.svg#help") 24px / 24px no-repeat}.views {background:url("./assets/icons.svg#views") 1px / 14px no-repeat;opacity:.5}.movedown {background:url("./assets/icons.svg#movedown") 24px / 24px no-repeat}.moveup {background:url("./assets/icons.svg#moveup") 24px / 24px no-repeat}.moveleft {background:url("./assets/icons.svg#moveleft") 24px / 24px no-repeat}.moveright {background:url("./assets/icons.svg#moveright") 24px / 24px no-repeat}.home {background:url("./assets/icons.svg#home") 24px / 24px no-repeat}.household {background:url("./assets/icons.svg#household") 24px / 24px no-repeat}.clothing {background:url("./assets/icons.svg#clothing") 24px / 24px no-repeat}.footwear {background:url("./assets/icons.svg#footwear") 24px / 24px no-repeat}.personal {background:url("./assets/icons.svg#personal") 24px / 24px no-repeat}.error {background:url("./assets/icons.svg#error") 24px / 24px no-repeat}.television {background:url("./assets/icons.svg#television") 24px / 24px no-repeat}.food {background:url("./assets/icons.svg#food") 24px / 24px no-repeat}.headphones {background:url("./assets/icons.svg#headphones") 24px / 24px no-repeat}.facebook {background:url("./assets/icons.svg#facebook") 24px / 24px no-repeat}.whatsapp {background:url("./assets/icons.svg#whatsapp") 24px / 24px no-repeat}.messenger {background:url("./assets/icons.svg#messenger") 24px / 24px no-repeat}.telegram {background:url("./assets/icons.svg#telegram") 24px / 24px no-repeat}.twitter {background:url("./assets/icons.svg#twitter") 24px / 24px no-repeat}.pinterest {background:url("./assets/icons.svg#pinterest") 24px / 24px no-repeat}.android {background:url("./assets/icons.svg#android") 24px / 24px no-repeat}.apple {background:url("./assets/icons.svg#apple") 24px / 24px no-repeat}.ios {background:url("./assets/icons.svg#ios") 24px / 24px no-repeat}.upcoming {background:url("./assets/icons.svg#upcoming") 24px / 24px no-repeat}.discard {background:url("./assets/icons.svg#discard") 24px / 24px no-repeat}.smart {background:url("./assets/icons.svg#smart") 24px / 24px no-repeat}.archive {background:url("./assets/icons.svg#archive") 24px / 24px no-repeat}.privacy {background:url("./assets/icons.svg#privacy") 24px / 24px no-repeat}.contact {background:url("./assets/icons.svg#contact") 24px / 24px no-repeat}.sponsor {background:url("./assets/icons.svg#sponsor") 24px / 24px no-repeat}.close::before {background:url("./assets/icons.svg#close") center / 28px no-repeat;cursor:pointer}.user {background:url("./assets/icons.svg#user") center / 24px no-repeat}.reload {background:url("./assets/icons.svg#reload") center / 24px no-repeat}.link {background:url("./assets/icons.svg#link") center / 24px no-repeat}.google {background:url("./assets/icons.svg#google") 19px 9.5px / 15px no-repeat !important}.plus {background:url("./assets/icons.svg#plus") center / 24px no-repeat}.dots-horizontalw {background:url("./assets/icons.svg#dots-horizontalw") center / 24px no-repeat}.dots-vertical {background:url("./assets/icons.svg#dots-vertical") center / 24px no-repeat}.cartupw {background:url("./assets/icons.svg#cartupw") center / 24px no-repeat}.admin {background:url("./assets/icons.svg#admin") center / 24px no-repeat}.tag {background:url("./assets/icons.svg#tag") center / 24px no-repeat}.fab {width:46px;height:46px;border-radius:50%;background-position:center;cursor:pointer;position:fixed}.btn {font-weight:400;background:transparent;padding:8px 16px;border:none;border-radius:2px;outline:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;float:right;user-select:none;color:var(--primary-color)}.btn:hover {background:var(--bg-color)}.btn.trans {background:var(--bg-color);color:var(--primary-color)}.btn.active {background:var(--primary-color);color:var(--bg-content-color);box-shadow:0 0 2px rgba(3, 168, 124, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);opacity:1}.btn.active:hover {opacity:0.8;box-shadow:0 0 4px rgba(3, 168, 124, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28)}.snackbar,.snackbar div {display:flex;align-items:center}.snackbar {transition:transform 0.3s ease, opacity 0.3s ease;position:fixed;color:#fff;z-index:100;left:50%;right:0;bottom:50px;font-size:14px;transform:translate(-50%, 150px);width:fit-content;max-width:568px;min-width:288px;border-radius:2px;background-color:#323232;pointer-events:auto;padding:14px 22px;line-height:1.7;flex-flow:row}.snackbar.show {transform:translate3d(-50%, 0px, 0px)}.snackbar .msg {width:100%;justify-content:space-between;max-height:64px;overflow:hidden}.snackbar .action {margin-left:18px;cursor:pointer;color:var(--primary-color);font-weight:500;text-transform:uppercase}@media (max-width:600px) {.snackbar {bottom:0px}.snackbar {width:100%}}.dropdown {position:absolute;top:30px;right:12px;z-index:1000;float:left;min-width:160px;padding:8px 1px;margin:2px 0 0;list-style:none;font-size:15px;background-color:var(--bg-content-color);border-radius:2px;box-shadow:0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);width:160px}.dropdown hr {background-color:var(--bg-color);border:0;height:1px}.dropdown>li {padding:0px 22px;clear:both;color:var(--text-color);height:48px;line-height:48px;white-space:nowrap;text-align:left;cursor:pointer}.dropdown>li:hover {background-color:var(--bg-color)}.dropdown>li.active {background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg>');padding-left:38px;background-repeat:no-repeat;background-size:22px;background-position:7%}.dropdown-submenu {position:relative;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M10,17L15,12L10,7V17Z"></path></svg>') 97% / 24px no-repeat}.dropdown-submenu .dropdown {top:0px;left:100%;display:block;visibility:hidden;opacity:0;transition:.4s}.dropdown-submenu:hover>.dropdown {visibility:visible;opacity:1}.group {position:relative;margin:22px 0 22px;height:30px;width:100%}.group textarea {resize:none}.group input,.group textarea {background:none;color:var(--text-color);font-size:16.5px;padding:10px 10px 10px 5px;border:none;border-radius:0;width:100%;height:120%;margin-top:-4px;border-bottom:1px solid #aaa}.group input:focus {outline:none}.group textarea:focus~label,.group textarea:valid~label,.group input:focus~label,.group input:valid~label {top:-20px;font-size:12px;color:var(--dark-color)}.group input:focus~.bar:before {width:100%}.group input[type="password"] {letter-spacing:0.3em}.group label {color:#aaa;font-size:16.5px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:0px;transition:0.4s ease all}.group .bar1 {position:absolute;width:100%;bottom:-2px}.helper {text-align:center;justify-content:center;width:100%;margin:-15px 5px 0px;font-size:12px}.warn {color:red}.group .bar1:before {content:"";height:1px;width:0;bottom:0px;position:absolute;background:var(--dark-color);transition:0.4s ease all;left:0%}.switch-input {display:none}.switch-label {position:relative;display:inline-block;min-width:112px;cursor:pointer;font-weight:500;text-align:left;margin:16px;padding:16px 0 16px 44px}.switch-label:before,.switch-label:after {content:"";position:absolute;margin:0;outline:0;top:50%;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.switch-label:before {left:1px;width:34px;height:14px;background-color:#9E9E9E;border-radius:8px}.switch-label:after {left:0;width:20px;height:20px;background-color:#FAFAFA;border-radius:50%;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084)}.switch-label .toggle--on {display:none}.switch-label .toggle--off {display:inline-block}.switch-input:checked+.switch-label:before {background-color:var(--primary-color);opacity:.6}.switch-input:checked+.switch-label:after {background-color:var(--primary-color);-ms-transform:translate(80%, -50%);-webkit-transform:translate(80%, -50%);transform:translate(70%, -50%)}.switch-input:checked+.switch-label .toggle--on {display:inline-block}.switch-input:checked+.switch-label .toggle--off {display:none}.rpl {position:relative;overflow:hidden;transform:translate3d(0, 0, 0)}.rpl:after {content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle, #aaa 10%, transparent 10.06%);background-repeat:no-repeat;background-position:50%;transform:scale(10, 10);opacity:0;transition:transform 0.5s, opacity 1s;z-index:-1}.rpl:active:after {transform:scale(1, 10);opacity:0.2;transition:0s}body {@media all and (min-width:800px) {::-webkit-scrollbar {background-color:rgba(0, 0, 0, 0);width:6px;height:16px;z-index:999999}::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0)}::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0);border-radius:16px;border:0px solid #fff}::-webkit-scrollbar-button {display:none}:hover::-webkit-scrollbar-thumb {background-color:#a0a0a5;border:1px solid #fff}::-webkit-scrollbar-thumb:hover {background-color:#a0a0a5;border:4px solid #f4f4f4}}}

/* Content from: mainstyle.css */
 main { margin:calc(var(--appbar-height) + 0.25%) 0.25% 0 0.25%; width:calc(100vw - var(--sidebar-width)); text-decoration:none; overflow:hidden; align-items:flex-start; flex-wrap:nowrap; position:relative; } .small aside, .small .tnav { display:none; } .b2tobs { width:32px; height:100vh; position:absolute; pointer-events:none; top:0; right:0 } .b2top { bottom:50px; background-color:var(--bg-content-color); background-size:26px; right:20px; border:1px solid var(--bg-color); box-shadow:var(--box-shadow); transition:400ms ease } .hideb2top { opacity:0 !important; transform:scale(0) !important } .xxlarge main { margin:calc(var(--appbar-height) + 0.25%) 0.25% 0 calc((100vw - var(--app-width)) / 2); width:calc(var(--app-width) - var(--sidebar-width)) } .small main { max-width:none } .small .b2top { right:15px; bottom:65px } .navpane { padding:0.25% 0; flex:1 0 100%; will-change:transform; min-height:calc(100vh - var(--appbar-height)); transition:var(--tabtrans); transform:translate3d(calc((var(--paneindex) * -100%) - var(--tabmove)), 0px, 0px); flex-flow:row wrap; padding-bottom:100px; align-content:flex-start } .navpane .dealcon { width:100%; } .ldeal::after { display:none !important; } .pagination{margin:0;padding:0; position:absolute; right:20px}.pagination li{display:inline;padding:6px 10px 6px 10px;border:1px solid var(--bg-color-1);margin-right:-1px;font:15px/20px Arial, Helvetica, sans-serif;background:var(--bg-content-color)}.pagination li a{text-decoration:none;color:var(--primary-color)}.pagination li.first {border-radius:3px 0px 0px 3px}.pagination li.last {border-radius:0px 3px 3px 0px} .pagination li.active{background:var(--primary-color);color:var(--bg-content-color)} .deal { --n:1; background-color:var(--bg-content-color); height:125px; width:calc((100% / var(--n) - 1%)); box-shadow:var(--box-shadow); margin:0.5%; backface-visibility:hidden; padding:10px 10px; position:relative } .deal .more { position:absolute; top:10px; right:10px; height:24px; width:24px; cursor:pointer; background:url("/assets/icons.svg#movedown") center/24px no-repeat; filter:var(--icon-filter) } .flag { position:absolute; pointer-events:none; left:0px; z-index:1; color:white; padding:3px 4px 2px 5px; top:5px; left:5px; letter-spacing:2px; text-transform:uppercase; font-size:9.5px; justify-content:center; z-index:2; border-radius:var(--global-border-radius) } .flag i { font-size:12px; margin-right:2px } @keyframes opacity-gradient { 0% { opacity:0 } 100% { opacity:1 } } .fnew, .pinned, .expired { background:var(--bg-color); color:var(--title-text); background:indianred; color:wheat; top:46% !important; left:50%; opacity:0.8; transform:translateX(-50%) } .list .expired, .list .fnew, .list .pinned { top:4px !important; left:53px; } .fnew { color:#333; animation:opacity-gradient 0.5s linear 0s infinite alternate; background-image:linear-gradient(to right, #f1f3f4, #dadce0) } .fnew-alt { color:#333; animation:opacity-gradient 0.5s linear 0.5s infinite alternate; background-image:linear-gradient(to right, #dadce0, #f1f3f4) } .hot { background:rgba(185, 74, 72, 0.9); left:unset; right:5px; border-radius:var(--global-border-radius) } .popular { left:unset; right:5px; background:var(--primary-color); color:var(--bg-content-color); border-radius:var(--global-border-radius) } .pinned { background-color:#546e7a; color:#fff } .medium .list .deal { --n:2 } .large .list .deal { --n:2 } .xlarge .list .deal { --n:3 } .xxlarge .list .deal { --n:3 } .small .grid .deal, .medium .grid .deal { --n:2 } .large .grid .deal { --n:3 } .xlarge .grid .deal { --n:4 } .xxlarge .grid .deal { --n:6 } @media (min-width:1560px) {.grid .deal{ :root{ --n:6 !important; }}.list .deal { --n:3 !important; } } .sbar { margin:calc(var(--appbar-height) + .75%) 0.75% 0 0; min-height:calc(100vh - var(--appbar-height) - 30px); background-color:var(--bg-content-color); box-shadow:var(--box-shadow); width:var(--sidebar-width); padding:15px; border-radius:var(--global-border-radius); align-content:flex-start; } .sbar .head { height:45px; align-items:center; padding-left:12px; background-color:var(--bg-color); font-weight:400; font-size:16px; width:100%; display:flex; border-radius:var(--global-border-radius) } .list sup { top:-12px; } .list .op sup { top:-10px; } .list .op::before { top:2px; } .sbar .deal { width:100%; box-shadow:unset; border-bottom:1px solid var(--bg-color); background-color:var(--bg-content-color); } .xxlarge .sbar { margin:calc(var(--appbar-height) + .75%) calc((100vw - var(--app-width)) / 2) 0 0 } .small .sbar, .medium .sbar { display:none; } .bar { height:50px; background-color:var(--bg-content-color); width:100%; align-items:center; font-weight:400; font-size:17px; margin:0.5% 0.5%; padding:12px 10px 12px 20px; text-transform:capitalize; color:var(--text-color); border-radius:var(--global-border-radius); box-shadow:var(--box-shadow); justify-content:space-between; backface-visibility:hidden } .bsheet { background:var(--bg-content-color); width:100%; border-radius:2px; box-shadow:var(--modal-box-shadow); overflow-y:auto; flex-flow:row wrap; touch-action:pan-y; padding:15px 22px 17px 22px; bottom:0px; position:fixed } .bsheet i { background-size:20px; background-position:0px center; height:24px; width:24px; position:absolute; left:32px; filter:var(--icon-filter) } .bsheet ul { width:100%; font-size:16px } .bsheet li { min-height:44px; display:flex; align-items:center; padding-left:45px } .bsheet li:hover { background-color:var(--bg-color) !important } .bsheet .con { flex:1; flex-flow:column } .dropdown { transform-origin:100% 0 } .dsingle, .modal { background:var(--bg-content-color); color:var(--text-color); border-radius:var(--global-border-radius); box-shadow:var(--modal-box-shadow); position:absolute; max-width:90%; max-height:90%; flex-flow:column; cursor:auto; will-change:transform; transform:translateX(100%); opacity:1; transition:transform 0.4s cubic-bezier(.4,0,.2,1); } .overlay.open .modal { transform:translateX(0); opacity:1; } .dsingle { opacity:1; transform:unset; max-width:99%; max-height:unset; width:100%; margin:.5%; box-shadow:var(--box-shadow); } .dsingle h1, .modal h1 { padding:20px 24px 10px; margin:0; font-size:1.35em; font-weight:500; }.dsingle h1 span, .modal h1 span { font-size:17px; margin:0; line-height:1.5; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; user-select:text; -webkit-user-select:text; min-height:25px; outline:0; } .dsingle h1 span:hover, .modal h1 span:hover { line-clamp:6; -webkit-line-clamp:6; } .dsingle .con, .modal .con { padding:0px 20px 70px 20px; width:100%; flex-flow:row wrap; overflow-y:auto; outline:none; overflow-x:hidden; } .dsingle .footer, .modal .footer { justify-content:flex-end; width:100% } .dmodal {} .mclose { background-color:var(--bg-color-1); top:20px; right:30px } .mclose i { height:46px; width:46px; background-size:26px; filter:var(--icon-filter) } .small .overlay { align-items:flex-end } .small .modal { top:unset; bottom:105px } .small .fscr { max-width:unset; max-height:unset; top:0; width:100% !important; height:100% } .small .mclose { z-index:1; bottom:75px; top:unset; left:50%; transform:translateX(-50%) } header { --reload-width:40px; --sicon-width:32px; --profile-width:60px; width:100vw; color:var(--title-text); align-items:center; background-color:var(--header-bg); height:var(--appbar-height); z-index:100; box-shadow:var(--bar-box-shadow); position:fixed; top:0px } .small header { --reload-width:0px; } header .logo { left:0px; font-size:22px; width:var(--logo-width); cursor:pointer; padding-left:45px; margin-left:5px;height:100%; display:flex; flex-flow:column;justify-content:center; } .sg .logo{background:url(../css/assets/sglogo.png) no-repeat 5px center / 36px}.us .logo { background:url(../css/assets/uslogo.png) no-repeat 5px center / 36px; } .uk .logo{background:url(../css/assets/uklogo.png) no-repeat 5px center / 36px; } header .logo a { text-decoration:none; font-weight:400; color:var(--text-color); line-height:1; } .uslogo a { font-size:1.12em; } .uk .logo a {font-size:.92em} header span { font-size:10px; font-weight:400; margin-top:-1px; } .uk header .logo span{display:none; } header .reload, header .profile { height:40px; min-width:var(--reload-width); cursor:pointer; filter:var(--icon-filter) } header .profile { min-width:var(--profile-width); filter:unset; justify-content:center; align-items:center; } header .profile img { border-radius:50%; height:33px; border:1px solid #ccc; } header nav, header .logo, header .reload, header .sicon, header .sbox, header .profile { position:absolute; } header .reload { right:0; background-size:32px; } header .profile { right:var(--reload-width) } header .sicon { right:calc(var(--reload-width) + var(--profile-width)); } header .sbox { right:calc(var(--sicon-width) + var(--reload-width) + var(--sicon-width) + var(--profile-width) - 3%); } header .sterms { right:var(--reload-width) } .xxlarge header .logo { left:calc((100vw - var(--app-width)) / 2) } .xxlarge header .reload { right:calc((100vw - var(--app-width)) / 2) } .xxlarge header .profile { right:calc((100vw - var(--app-width)) / 2 + var(--reload-width)); } .xxlarge header .sicon { right:calc((100vw - var(--app-width)) / 2 + var(--reload-width) + var(--profile-width)) } .xxlarge header .sbox { right:calc((100vw - var(--app-width)) / 2 + var(--reload-width) + var(--sicon-width) + var(--profile-width)) } .xxlarge header .sterms { right:calc((100vw - var(--app-width)) / 2 + var(--reload-width)) } nav, .mnav { color:var(--text-color); align-items:center; text-align:center; left:calc(var(--logo-width) + 30px); z-index:100; width:calc(100vw - (var(--logo-width) + var(--sbox-width) + var(--sicon-width) + var(--reload-width) + 100px)) } nav .item, .mnav .item { text-decoration:none; color:var(--text-color); text-transform:uppercase; min-width:var(--tabwidth); display:flex; justify-content:center; align-items:center; padding:15px 0; font-size:14.5px; position:relative; transform:perspective(1px); -webkit-font-smoothing:auto} nav .item .badge, .mnav .item .badge { padding:0px 4px 0px 4px; text-align:center; margin-left:4px; border-radius:3px; font-size:11px; background:var(--badge-color); color:white; pointer-events:none; } nav .imore, .mnav .imore { justify-content:center; cursor:pointer } nav .active, .mnav .active { color:var(--primary-color); transition:color 0.4s ease; font-weight:500} nav .slider, .mnav .slider { background:var(--bg-color); height:36px; min-width:var(--tabwidth); border-radius:var(--global-border-radius); position:absolute; will-change:transform; z-index:-1; transform:translate3d(calc(var(--sliderindex) * var(--tabwidth) + var(--tabmove) / var(--tabvisible)), 0, 0); transition:var(--tabtrans) } .mnav { position:fixed; z-index:99; pointer-events:none; } .open .mnav { pointer-events:auto; } .tmnav { top:calc(var(--appbar-height) - 3px); transform:translateX(calc((var(--tabvisible)) * var(--tabwidth))); z-index:99; background-color:var(--bg-content-color); flex-flow:column; box-shadow:var(--box-shadow); max-height:75vh; overflow-y:auto; width:unset } .tmnav .item:hover { color:var(--primary-color) } .xxlarge nav { width:calc(var(--app-width) - (var(--logo-width) + var(--sbox-width) + var(--sicon-width) + var(--reload-width) + 100px)); left:calc((100vw - var(--app-width)) / 2 + var(--logo-width) + 60px) } .xxlarge .mnav { transform:translateX(calc((var(--tabvisible)) * var(--tabwidth) + (100vw - var(--app-width)) / 2 + 30px) ) } .bnav { --bg-icon:url("./assets/icons.svg#apps"); position:fixed; bottom:0; width:100vw; left:0; border-top:1px solid #ccc; height:calc(env(safe-area-inset-bottom) + var(--bnav-height));; z-index:501; background-color:var(--bg-content-color) } .dark .bnav { border-top:1px solid #000; } @supports (-webkit-touch-callout:none) { .bnav { height:calc(var(--bnav-height) + 24px); align-content:flex-start; } .bnav .item { margin-top:3px; } .open .bmnav { bottom:calc(var(--bnav-height) + 24px); } .bnav .slider { bottom:26px; } } .bnav .slider { flex:1; height:50px } .bnav .item, .bmnav .item { text-transform:capitalize; font-weight:400; font-size:12px; padding:30px 0 0; background-position:center 15px; flex:1 } .bnav .item:before, .bmnav .item:before { content:""; position:absolute; left:50%; background:var(--bg-icon) center 6px/24px no-repeat; width:41px; height:var(--bnav-height); transform:translateX(-50%); top:0; } .icon::before, .bnav .item::before, .bmnav .item::before{filter:var(--icon-filter); } .icon.active::before, .bmnav .item.active::before, .bnav .item.active::before { filter:var(--icon-active-filter) !important; } .icon::before{width:inherit;content:""; } .bnav .item .badge, .bmnav .item .badge { position:absolute; top:3px; right:5px } .bmnav { flex-flow:row wrap; bottom:calc(var(--bnav-height)); left:unset; border-top:1px solid var(--bg-color); padding:1% 0.5%; overscroll-behavior-y:contain; width:100%; transition:transform .5s ease; transform:translate(0, 100%); background:var(--bg-content-color); } .bmnav .item { background-color:var(--bg-color); margin:1%; border-radius:3px; padding:38px 0 6px } .bmnav .item .badge { top:6px; right:6px } .bmnav .item::before { background-position-y:12px } :root { --sbox-width:22% } .sbox { width:var(--sbox-width); height:40px; border:1px solid var(--bg-color); background-color:var(--bg-color); outline:0; padding:0px 10px 0px 10px; border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius); border-width:1px 0 1px 1px; color:var(--text-color); z-index:0; } .sbox:focus {} .sicon { height:40px; min-width:40px; border-radius:0px var(--global-border-radius) var(--global-border-radius) 0px; background-color:var(--bg-color); cursor:pointer; border:1px solid var(--bg-color); border-width:1px 1px 1px 0px; justify-content:center; z-index:1; background-size:32px; } .sicon.sopen {} .sterms { position:absolute; z-index:-1; width:calc(var(--sbox-width) + var(--sicon-width)); top:47px; flex-flow:column; border:1px solid var(--bg-color) } .sterms .sterm { padding:12px 15px; cursor:pointer; background:var(--bg-content-color) } .sterms .sterm .close { position:absolute; right:10px; opacity:0.5; background-size:21px; width:21px; height:21px; filter:var(--icon-filter) } .sterms .sterm:hover { background-color:var(--bg-color) } .sterms .sthead { position:sticky; width:100%; font-size:10.5px; padding:5px 10px; border-top:1px solid var(--bg-color); border-bottom:1px solid var(--bg-color); justify-content:space-between; background:var(--bg-content-color) } .sterms .sthead .call { cursor:pointer } .sclose { display:none; } .small .sicon { background-color:var(--bg-content-color); border:unset } .small .sbox { border:0; height:0px; opacity:0; transition:opacity 0.3s ease } .small .sbox.sopen { width:calc(100vw - var(--sicon-width)); height:40px; right:var(--sicon-width); opacity:1; z-index:1; } .small .sclose.sopen { display:flex; bottom:calc(var(--bnav-height) + 50px); } .small .sicon.sopen { right:3px; width:var(--bnav-height) !important; } .small .sicon.sopen, .small .sbox.sopen { z-index:1234 !important; position:fixed; bottom:0px; height:var(--bnav-height) !important; border-top:2px solid #ddd; background-color:var(--bg-color-1); font-size:1.2em; }.ios.small .sicon.sopen,.ios.small .sbox.sopen{bottom:22px} .small .sterms { width:100%; left:50%; transform:translateX(-50%); top:55px; background-color:rgba(0, 0, 0, 0.4); height:100vh } .interbox { background:red; position:absolute; height:220px; top:74px; z-index:-1 } .dlivewrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; right:62px; top:26px } .mob .dlivewrap { top:17px } .dlivewrap span { position:absolute; top:2px; right:-10px } .dlivewrap label { min-width:40px; margin:-3px 16px } .upost { -webkit-box-shadow:inset 0 0 3px; box-shadow:inset 0 0 3px; z-index:3; -webkit-animation:shake .5s ease 1; animation:shake .5s ease 1 } .emptyres { width:100%; background:var(--bg-content-color); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 .5%; height:80vh; font-size:16.5px } .vmore { position:relative; overflow:hidden; -webkit-transition:all 1s ease-out; transition:all 1s ease-out } .vmore:after { content:"View more..."; display:block; cursor:pointer; position:absolute; bottom:5px; right:5px; font-size:12px; background:var(--bg-color); padding:3px 10px; border-radius:5px } .skeleton, .skeleton img { width:99%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; position:relative; background-size:cover } .list .skeleton { margin:-10px } .skeleton:after { display:block; content:""; position:absolute; width:100%; height:100%; -webkit-transform:translateX(-100%); transform:translateX(-100%); background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(hsla(0, 0%, 100%, .5)), to(transparent)) !important; background:linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .5), transparent) !important; -webkit-animation:shine 1.5s infinite; animation:shine 1.5s infinite } @-webkit-keyframes shine { to { -webkit-transform:translateX(100%); transform:translateX(100%) } } @keyframes shine { to { -webkit-transform:translateX(100%); transform:translateX(100%) } } .dealwrap { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-.5% -.5% } .dealwrap .paging { margin:.5%; flex-basis:99%; cursor:pointer; justify-content:center; margin-bottom:200px } .deal { display:-webkit-box; display:-ms-flexbox; display:flex; background:var(--bg-content-color); margin:.5% .5%; position:relative; border-radius:var(--global-border-radius); flex-direction:column; outline:0 } .deal:focus, .deal:focus-within { z-index:1 } .mcom .deal, .sbar .deal, .smart .deal { min-height:125px; height:auto !important; } .mcom .paging { transform:translate3d(1%, 0, 0); position:absolute; width:99%; top:unset !important; bottom:95px !important; margin-bottom:unset } .mob .mcom .paging { position:unset } .deal div { display:flex; position:absolute } .trow { -o-object-fit:scale-down; object-fit:scale-down; } .dark .trow { background-color:#fff; } .dot, .trow { cursor:pointer } .dot { top:10px; background:url(../css/assets/icons.svg#movedown) top, 100%/10px no-repeat; background-repeat:no-repeat; right:8px; min-height:30px; width:18px } .ptitle { position:absolute; text-decoration:none; display:flex; overflow:hidden; font-size:1em; line-height:1.5; color:var(--text-color); cursor:zoom-in; color:var(--text-color); } .sbar .dp { left:57% !important } .sbar .deal { padding:10px 0px !important; } .sbar .tm { left:57% !important; } .dp, .op, .pcnt { height:20px; align-items:flex-end; } .dp::before, .op::before, .pcnt::before { content:"$"; font-size:11px; position:absolute; left:-7px; top:2px; font-weight:400; } .uk .dp::before, .uk .op::before {content:"£"} .pcnt::before { content:'↓'; } .dp { font-size:15px; color:var(--primary-color); font-weight:600 } .op {} .op, .pcnt { font-size:13.5px } .pcnt { color:var(--text-color); border-radius:2px } .com, .tm, .vws { padding-left:14px; font-size:11.5px; color:#888; height:15px } .md, .mt { top:0; right:0; width:20%; height:32px; cursor:pointer; z-index:1; position:absolute; opacity:.15; -webkit-transition:.1s ease; transition:.1s ease; visibility:hidden } .md.mvis, .mt.mvis, .qmod.vis { visibility:visible } .md { left:0 } .list .md { top:1px } .list .mt { top:34px } .smart.grid .mt { right:48% } .smart.grid .vws { left:24.3% } .qmod { display:-webkit-box; display:-ms-flexbox; display:flex; font-size:12px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; bottom:36px; z-index:1; width:98%; margin:0 1%; visibility:hidden; -webkit-transition:.1s ease; transition:.1s ease; -webkit-transition-delay:.3s; transition-delay:.3s; height:24px } .smart .qmod { width:50% } .list .qmod { visibility:visible; top:90px; margin:0 -3px } .qmod span { height:inherit; -webkit-box-flex:1; -ms-flex:1 0 31%; flex:1 0 31%; text-align:center; line-height:24px; background:#eee; margin:1%; border-radius:5px 5px 0 0; cursor:pointer } .inedit, .inedit:focus { border:none; background:transparent; border-bottom:1px solid #bbb; -webkit-box-shadow:none; box-shadow:none; border-radius:0; line-height:1.65; outline:0; font-size:16px; pointer-events:auto; white-space:nowrap } .inedit * { display:inline; white-space:nowrap } .inedit br { display:none } @-webkit-keyframes bounce { 0% { background-size:19px } 50% { background-size:17px } to { background-size:19px } } @keyframes bounce { 0% { background-size:19px } 50% { background-size:17px } to { background-size:19px } } .vact { -webkit-animation-name:bounce; animation-name:bounce; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-timing-function:ease; animation-timing-function:ease; color:#555 !important } .upv.vact { background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(170, 170, 170, 0.4)' stroke='%23888' d='M23 10a2 2 0 00-2-2h-6.32l.96-4.57c.02-.1.03-.21.03-.32 0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.58C7.22 7.95 7 8.45 7 9v10a2 2 0 002 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2M1 21h4V9H1v12z'/%3E%3C/svg%3E") 0/19px no-repeat !important } .dnv.vact { background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(170, 170, 170, 0.4)' stroke='%23888' d='M19 15h4V3h-4m-4 0H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2a2 2 0 002 2h6.31l-.95 4.57c-.02.1-.03.2-.03.31 0 .42.17.79.44 1.06L9.83 23l6.58-6.59c.37-.36.59-.86.59-1.41V5a2 2 0 00-2-2z'/%3E%3C/svg%3E") 0/19px no-repeat !important } .list .dnv.vact, .list .upv.vact { background-size:15px !important } .list .simg { box-shadow:unset; height:19px; width:19px; z-index:1; top:95px; border:.5px solid #ccd; right:15px; border-radius:50%; background:transparent var(--img) center / 21px no-repeat; }.grid { .deal { height:275px; } .trow { padding:18px 30px 15px; height:136px; width:100%; margin:0 auto; border-bottom:1px solid var(--bg-color); } .ptitle { height:46px; top:160px; width:86%; left:14px; } .simg { top:133px; right:12px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:50%; } .deal::after { background:var(--bg-color) url("./assets/icons.svg#cart") 7px / 13px no-repeat; content:"Get Deal"; position:absolute; height:21px; min-width:70px; color:var(--title-text); top:135px; left:2px; font-size:11.5px; padding:3px 10px 2px 22px; white-space:nowrap; border-radius:0px 5px 5px 0px; pointer-events:none; } .dot { top:163px; } .dp, .op, .pcnt { bottom:40px; align-items:center} .dp { bottom:40px; } .pcnt::before { content:'↓'; left:2px; } .ptitle, .pcnt, .lke {} .pcnt { left:10px; padding-left:10px; } .com, .op { right:14px; } .dp { left:39.5%; } .dp2 { left:45%; } .dp3 { left:42%; } .dp4 { left:40%; } .dp5 { left:36.5%; } .dp6 { left:32.5%; } .tm, .com, .lke, .vws { bottom:12px; } .vws { left:21%; } .tm { background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z"></path></svg>') left / 12px no-repeat; left:14px; } .com { background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z"></path></svg>') left / 12px no-repeat; } .simg { background:transparent var(--img) center / 21px no-repeat; height:22px; width:22px; } .gcpn .gicon { background:rgb(238, 238, 238, 0.8) url("../../assets/icons.svg#coupon") 5.5px/16px no-repeat; } .gdeal .gicon { background:rgb(238, 238, 238, 0.8) url("../../assets/icons.svg#gdialog") 5.5px/16px no-repeat; } .sn { display:none; } .gdeal .gicon, .gcpn .gicon { top:126px; position:absolute; content:""; border-radius:27px; font-size:11.5px; height:27px; width:27px; align-self:center; } .trow:hover+.gd { visibility:visible; } } .list .gd { background:hsla(0, 0%, 93.3%, .8) url(../css/assets/icons.svg#gdialog) 5.5px/16px no-repeat; top:128px; position:absolute; content:""; border-radius:27px; font-size:11.5px; height:27px; width:27px; z-index:1; -ms-flex-item-align:center; align-self:center } .list .deal { height:125px; padding:10px 8px } .list .trow { height:90px; width:90px; border:1px solid var(--bg-color); padding:6px } .list .deal:after { background:var(--bg-color) url(../css/assets/icons.svg#cart) 12px/13px no-repeat; content:"Get Deal"; position:absolute; height:22px; width:90px; color:var(--text-color); top:93px; font-size:11.5px; padding:3px 10px 2px 27px; white-space:nowrap } .gdeal:after { content:"Get Deal..." !important; } .list .gcpn:after { content:"Coupon..."; background:var(--bg-color) url(../css/assets/icons.svg#coupon) 12px/12px no-repeat } .list .com, .list .ptitle { left:108px } .list .pcnt { left:116px; font-size:13px; } .list .vws { left:35px; top:15px; color:var(--text-color); border-radius:2px; padding-left:17px; padding-right:5px; opacity:.7; top:75px } .list .op { right:17px } .list .sn { right:40px; display:flex; position:absolute; font-size:11.5px; text-transform:uppercase; margin:unset; a{color:#888; } } .list .ptitle { height:44px; top:12px; padding-right:20px } .list .dp, .list .op, .list .pcnt { top:66px } .list .dp { left:53%; top:65px }.list .com, .list .tm, .list .sn { top:98px; } .list .dnv, .list .upv { top:99px } .list .com, .list .tm { padding-left:16px } .list .dnv, .list .upv { font-size:12px; color:#888; height:15px; padding-left:18px } .list .tm { left:51%; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M12 20a8 8 0 008-8 8 8 0 00-8-8 8 8 0 00-8 8 8 8 0 008 8m0-18a10 10 0 0110 10 10 10 0 01-10 10C6.47 22 2 17.5 2 12A10 10 0 0112 2m.5 5v5.25l4.5 2.67-.75 1.23L11 13V7h1.5z'/%3E%3C/svg%3E") 0/14px no-repeat } .list .com { background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M9 22a1 1 0 01-1-1v-3H4a2 2 0 01-2-2V4a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2h-6.1l-3.7 3.71c-.2.19-.45.29-.7.29H9m1-6v3.08L13.08 16H20V4H4v12h6z'/%3E%3C/svg%3E") 0/14px no-repeat } .list .upv { background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23444' d='M23 10a2 2 0 00-2-2h-6.32l.96-4.57c.02-.1.03-.21.03-.32 0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.58C7.22 7.95 7 8.45 7 9v10a2 2 0 002 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2M1 21h4V9H1v12z'/%3E%3C/svg%3E") 0/15px no-repeat; left:50% } .list .dnv { background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23444' d='M19 15h4V3h-4m-4 0H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2a2 2 0 002 2h6.31l-.95 4.57c-.02.1-.03.2-.03.31 0 .42.17.79.44 1.06L9.83 23l6.58-6.59c.37-.36.59-.86.59-1.41V5a2 2 0 00-2-2z'/%3E%3C/svg%3E") 0/15px no-repeat; right:30% } .smart.grid .deal { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:var(--row-width) } .smart.grid .deal .trow { width:50% } .smart.grid .pc div { -webkit-box-flex:0; -ms-flex:0 0 49%; flex:0 0 49% } .smart.grid .ptitle { width:49% } .smart.grid .op, .smart.grid .ptitle { left:7px; padding-left:8px } .smart.grid .com, .smart.grid .pcnt, .smart.grid .simg { right:51% } .smart.grid .dot { right:48.5% } .smart.grid .dp { left:22% } .smart.grid .upv { left:11% } .smart.grid .dnv { right:61% } .smart.grid .deal:after { width:48% } .loadmore { justify-content:center; cursor:pointer; } #comments { width:100%; }

/* Content from: deal.css */
.ddetails {width:100%;flex-flow:row wrap;position:relative;user-select:text;-webkit-user-select:text}.ddetails .help {display:block;text-align:center;margin:-8px 1.5% 18px;padding:14px 10px;border:3px dotted var(--bg-color);line-height:1.7}.ddetails .sfirst {left:6px}.ddetails .infomsg {display:block;margin:0 1% 22px;flex:unset;width:100%}.ddetails .thwrap {position:relative;width:49%;margin-left:2%;height:250px}.ddetails .thumb {display:block;height:250px;width:100%;object-fit:scale-down;filter:brightness(0.98);border-radius:10px}.ddetails .pdata {width:49%;flex-flow:column;justify-content:center;align-items:center;height:250px}.ddetails .pdata .dp {height:125px;width:125px;background:url(./assets/sasta-dprice-bg.png) no-repeat center center / 100%;align-items:center;color:white;font-size:calc(21px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));font-weight:bold;justify-content:center;margin-bottom:20px;margin-top:5px;border-radius:50%}.ddetails .tagcontainer{justify-content:center;margin:10px 5px 3px;width:100%}.ddetails .tag {padding-left:18px;background-size:15px;background-position-x:left;margin:2px 4px;text-transform:capitalize}.us .ddetails .pdata .dp {background:url(./assets/dealmir-bg.png) no-repeat center center / 100%}.uk .ddetails .pdata .dp {background:url(./assets/ukbg.jpg) no-repeat center center / 100%}.ddetails .pdata .op::before {content:""}.ddetails .pdata .op {align-items:center;font-size:calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));margin-bottom:18px !important}.ddetails .pdata .op span {margin-left:20px;text-decoration:line-through;font-size:21.5px}.ddetails .pdata .op,.ddetails .pdata .ago,.ddetails .pdata .simg {margin-bottom:5px;border-radius:3px;padding:1px 3px}.dsingle .cwrap{padding:0px 10px 10px; height:unset !important; min-height:unset !important}.ddetails .pdata .op img,.ddetails .pdata .ago img,.ddetails .pdata .simg img {max-width:90px;object-fit:scale-down}.ddetails .pdata .op::before, .ddetails .pdata .dp::before{display:none}.ddetails .pdata .simg {width:100%;justify-content:center;border:none}.ddetails .pdata .ago {font-size:14px}.ddetails .desc {display:block;border:2px dotted var(--bg-color-1);margin:-6px 10px 23px;padding:12px 17px;font-size:14.5px;line-height:1.6;user-select:text;width:100%}.ddetails .desc a {font-weight:500;font-size:14px}.ddetails .action {width:100%;justify-content:space-around;font-size:14.5px}.ddetails .action div {flex-flow:column;align-items:center;flex-basis:25%}.ddetails .action i {font-size:21px;margin-bottom:6px;border-radius:50%;background:var(--bg-color);text-align:center;cursor:pointer}.ddetails .action i.active {background:var(--primary-color);color:white;opacity:var(--img-opacity)}.ddetails .action .icon-bookmark {min-width:45px}.ddetails .action .icon-comment-o {max-width:45px}.ddetails .action .notify {position:relative}.ddetails .action .notify .dropdown {top:50px;left:50%;right:unset;transform:translateX(-50%)}.ddetails .bnow {background:var(--bg-color);width:100%;padding:12px;cursor:pointer;justify-content:center;font-size:14px;margin:25px 10px;text-transform:uppercase;font-weight:500}.ddetails .cpn {flex-flow:column;width:100%;padding:0 10px;margin:-15px 0px 23px}.dcomments {width:100%; align-content:flex-start;flex-flow:column;flex:1}.dcomments h3 {padding:5px 8px 0px !important}.dcomments .followc {align-items:center;justify-content:flex-end;cursor:pointer;padding:5px 12px}.dcomments .cmtwrap {flex-flow:column;width:100%;margin-top:8px;margin-bottom:50px;padding:0px 1px 20px}.dcomments .cmthead {justify-content:space-between}.dcomments .nocom {padding:10px 10px;justify-content:center;width:100%;margin:auto}.small .ddetails {width:100%;border-right:0px solid #eee}.small .ddetails .pdata .dp {height:111px;width:111px}.small .ddetails .bnow {margin:25px 5px}.small .dcomments {width:100%}.dark .simg {}.dark .simg img {opacity:0.9 !important}

/* Content from: comments.css */
.cul {flex:1 0 100%;flex-wrap:wrap;width:100%}.cul .new{background:#f2f3f5}.nc .nctxt {background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23555" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z"></path></svg>')top center / 24px no-repeat;flex-direction:column;align-items:center;align-self:center;height:40%;text-align:center;padding-top:30px;flex:1 0 100%}.cwrap {flex:1 0 100%;align-items:flex-start;margin:0 -7px;height:calc(100vh - 58px);padding:0px 10px 100px;height:100%;min-height:300px} .cwrap.nc{height:100vh}.mcom .cwrap,.sbar .cwrap {margin-top:25px;padding-bottom:0px;height:auto;flex:unset;min-height:unset}.mcom .cwrap,.mcom .cwrap div,.sbar .cwrap,.sbar .cwrap div {position:unset }.sbar .cwrap,.mcom .cwrap{overflow:visible !important}.cul .cli {flex:1 0 100%}.ncom {background:#f9f9f9;flex-wrap:wrap}@media (min-width:768px) {.cwrap {height:90%;overflow-y:auto;overflow-x:hidden}}.com-li {display:flex;position:relative !important;border-top:1px solid var(--bg-color);margin-top:0px;line-height:1.6;padding:10px 5px;font-size:13.75px;flex:1 0 100%;flex-flow:row}.com-li.mod {background-color:rgb(250, 250, 210, 0.8)}.com-li .dot {background-size:20px;right:0px;position:absolute !important}.com-li .cuimg {height:38px;min-width:38px;border-radius:100%;background-color:var(--bg-color);border:3px solid var(--bg-color);margin-right:8px}.com-li .ccon span:nth-child(2) {user-select:text;-webkit-user-select:text;cursor:text}.com-li .ccon img {max-width:240px !important;display:block;overflow:hidden}.cuname {font-weight:500;margin-right:5px;color:var(--link-color)} .commentbox-wrapper {position:absolute;bottom:0px;width:100%}.cbox {display:flex;border:1px solid var(--bg-color);align-items:center;background:var(--bg-content-color);width:29%;padding:3px 1px 2px;position:absolute;right:8px;flex-flow:row !important;width:100%}.cbox .canvas {min-height:162px;bottom:42px;left:0px;position:absolute;width:100%;background:var(--bg-content-color);border:1px solid var(--bg-color);display:flex;justify-content:center;z-index:1}.mcom .cbox .canvas,.sbar .cbox .canvas {position:absolute !important}.cbox .canvas .close {right:5px;position:absolute;background-size:20px}.canvas img {padding:10px 12px 10px;max-width:90%;max-height:250px;object-fit:scale-down}.cbox .left img {height:26px;cursor:pointer;border-radius:50%}.small .modal .cbox .left img {height:30px}.cbox .right,.cbox .left {padding:7px 11px;flex-flow:row !important}.cbox .right .send {margin-left:8px}.cbox .editor {display:flex;width:100%;word-wrap:break-word;word-break:break-all;outline:0px transparent;padding:5px 10px;max-height:250px;overflow-y:auto;align-self:center;user-select:text;-webkit-user-select:text;white-space:pre-wrap;overflow-wrap:break-word; line-height:1.9;-webkit-user-modify:read-write-plaintext-only;min-height:32px;cursor:text;align-items:center}.small .modal .cbox .editor {font-size:18px}.cbox .editor[placeholder]:empty:before {content:attr(placeholder);color:var(--text-color)}.cbox .editor[placeholder]:empty:focus:before {content:""}.camera {background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z"></path></svg>') center center / 23px no-repeat;height:23px;width:23px;cursor:pointer;margin-right:2px}.send {background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23888" d="M2,21L23,12L2,3V10L17,12L2,14V21Z"></path></svg>') center center / 23px no-repeat;height:23px;width:23px;cursor:pointer}.small .modal .camera,.small .modal .send {height:28px;width:28px;background-size:28px}.mcom .cbox,.sbar .cbox {position:relative;width:100%;bottom:0;right:0}.mcom .cbox div,.sbar .cbox div {position:unset !important}.small .modal .editor{min-height:56px}.small .modal .cbox .right,.small .modal .cbox .left {padding: 11px; }.small .modal .cbox .right {width:100px;justify-content:space-between}.small .modal .cbox {border:1px solid var(--bg-color-1);position:fixed;width:100vw !important;left:2px}.modal .cbox, .dsingle .cbox {border:1px solid var(--bg-color-1);left:0px;min-height:43px;font-size:15px;z-index:2;position:absolute;bottom:0}.dsingle .cwrap, .modal .cwrap{margin-top:4px;align-content:flex-start}