/* SAVE BUTTON DESIGN */
.svi-save-btn {display:inline-block;clear:both;margin:4px 12px 12px 12px;text-decoration:none;height:32px;padding:0!important;}
.svi-save-btn:hover {text-decoration:none;}
.simple-prod .svi-save-btn {margin:3px 0 1px 0;}
.svi-save-btn.svi-is-notsaved > .svi-box-saved, .svi-save-btn.svi-is-saved > .svi-box-notsaved {display:none;}
.svi-save-btn .svi-btn-box {display:flex;position:relative;width:32px;height:32px;padding:6px;text-align:center;flex-direction: row; align-items: center; justify-content: center;}
.svi-save-btn.svi-with-border .svi-btn-box {border:1px solid #ccc;border-radius:5px;transition:0.2s;}
.svi-save-btn.svi-with-border .svi-btn-box:hover {border-color:#aaa;background:#f0f0f0;}
.svi-save-btn.svi-with-text .svi-btn-box {width:auto;}
.svi-save-btn .svi-icon {width:20px;height:20px;line-height:20px;position:relative;}
.svi-save-btn.svi-with-text .svi-icon {margin:0 1px;}

.svi-save-btn .svi-icon .svi-count {font-style:normal;font-size:10px;line-height:11px;color:#fff;padding:1px 2px;min-width:13px;text-align:center;border-radius:100px;background:rgba(0,0,0,0.7);font-weight:normal;position:absolute;right:-4px;bottom:-2px;}
.svi-save-btn[data-saved-count="0"] .svi-icon .svi-count {display:none;}
.svi-save-btn .svi-icon .svi-icon-main {display:block;text-indent:0;}
.svi-save-btn .svi-icon .svi-icon-hover {display:none;text-indent:0;}
.svi-save-btn:hover .svi-icon .svi-icon-main {display:none;}
.svi-save-btn:hover .svi-icon .svi-icon-hover {display:block;}

.svi-save-btn.svi-is-saved.svi-changed-label .svi-icon .svi-icon-main {display:block;}
.svi-save-btn.svi-is-saved.svi-changed-label .svi-icon .svi-icon-hover {display:none;}
.svi-save-btn.svi-is-notsaved.svi-changed-label:hover .svi-icon .svi-icon-main {display:block;}
.svi-save-btn.svi-is-notsaved.svi-changed-label:hover .svi-icon .svi-icon-hover {display:none;}

.svi-save-btn:hover .svi-icon .svi-icon-hover {display:block;}
.svi-save-btn .svi-icon svg {color:inherit;fill:currentColor;stroke:currentColor;width:20px;height:20px;text-align:center;}
.svi-save-btn .svi-text {margin:2px 4px;line-height:16px;white-space:nowrap;font-size:14px;font-weight:600;color:#2c2c2c;}
.svi-save-btn .svi-message {display:none;transition:0.2s;position:absolute;z-index:5;border-radius:4px;transform: translate(-50%, 0); left: 50%; top:calc(100% + 2px);background:rgba(0,0,0,0.8);padding:0;font-size:13px;line-height:15px;color:#fff;width:auto;white-space:nowrap;text-align:center;max-width:130px;}
.svi-save-btn .svi-message:before {position: absolute; content: ""; width: 10px; height: 10px; top: -9px; left: calc(50% - 5px); border: 5px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.8);}
.svi-save-btn:hover .svi-message {display:block;}
.svi-save-btn.svi-changing-state .svi-message {display:none!important;}
.svi-save-btn.svi-changed-label .svi-message {display:block;}
.svi-save-btn .svi-message .svi-info {padding:8px 10px;}
.svi-save-btn .svi-message .svi-show-saved-modal {transition:0.2s;border-radius:0 0 5px 5px;font-size: 10px; color: #e6e2ab; text-decoration: none; border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 3px 5px 4px 5px;}
.svi-save-btn .svi-message .svi-show-saved-modal:hover {text-decoration:none;color:#fff;background:rgba(255,255,255,0.15);}
.svi-save-btn .svi-message .svi-show-saved-modal em {font-style:normal;margin-left:2px;}

/* TOOLTIP POSITIONS */
.svi-tooltip-top-center .svi-message, .svi-tooltip-top-left .svi-message, .svi-tooltip-top-right .svi-message {bottom:calc(100% + 2px);top:auto;}
.svi-tooltip-top-center .svi-message:before, .svi-tooltip-top-left .svi-message:before, .svi-tooltip-top-right .svi-message:before {bottom: -9px;top:auto;border-color:transparent;border-top-color: rgba(0, 0, 0, 0.8);}
.svi-tooltip-top-left .svi-message, .svi-tooltip-bottom-left .svi-message {transform:translate(0,0);left:0;}
.svi-tooltip-top-left .svi-message:before, .svi-tooltip-bottom-left .svi-message:before {left:11px;}
.svi-tooltip-top-right .svi-message, .svi-tooltip-bottom-right .svi-message {transform:translate(0,0);right:0;left:auto;}
.svi-tooltip-top-right .svi-message:before, .svi-tooltip-bottom-right .svi-message:before {right:11px;left:auto;}



/* HEADER LINK */
.svi-show-saved {}
.svi-show-saved .svi-count {font-style:normal;display:inline-block;margin: 0 0 0 3px; vertical-align: 2px; font-size: 12px; padding: 2px 3px; text-align: center; line-height: 14px; height: 18px; min-width: 18px; background: #333; color: #fff; border-radius: 100px;}


/* SAVED ITEMS */
.svi-items {display: flex ; padding: 24px 16px; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.svi-items .svi-empty {width: 100%; text-align: center; height: 20px; position: absolute; top: calc(50% - 10px); left: 0; font-size: 18px; line-height: 20px; color: #777;}
.svi-items .svi-simple-prod + .svi-empty {display:none;}
.svi-items .svi-simple-prod {width:calc(33.33% - 16px);margin:0 8px 16px 8px;padding:8px;display:flex;flex-direction:column;font-size:14px;line-height:18px;color:#2c2c2c;}
.svi-simple-prod .svi-item-img {border-radius:5px;width:100%;height:180px;object-fit:cover;background:#e0e0e0;margin:0 0 12px 0;}
.svi-simple-prod .svi-location {font-size:13px;line-height:16px;color:#777;margin:0 0 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.svi-simple-prod .svi-title {font-size:16px;line-height:18px;margin:0 0 8px 0;height:37px;overflow:hidden;}
.svi-simple-prod .svi-title > a {color:#000;text-decoration:none;}
.svi-simple-prod .svi-title > a:hover {color:#000;text-decoration:underline;}
.svi-simple-prod .svi-price {font-size:16px;font-weight:bold;margin:0 0 16px 0;}
.svi-simple-prod .svi-btns .svi-unsave-btn {width:100%;text-align:center;align-items: center; justify-content: center;display:flex;padding:6px;border:1px solid #aaa;border-radius:5px;position:relative;}
.svi-simple-prod .svi-btns .svi-unsave-btn:hover {border-color:#666;text-decoration:none;}
.svi-simple-prod .svi-unsave-btn .svi-icon {margin:0 2px;}
.svi-simple-prod .svi-unsave-btn .svi-icon svg {width:20px;height:20px;text-align:center;fill:currentColor;}
.svi-simple-prod .svi-unsave-btn .svi-text {margin:2px 2px;line-height:16px;font-weight:600;color:#2c2c2c;}
.svi-unsave-btn .svi-message {display:none;transition:0.2s;position:absolute;z-index:5;border-radius:4px;transform: translate(-50%, 0); left: 50%; bottom:calc(100% + 4px);background:rgba(0,0,0,0.8);padding:5px 8px;font-size:13px;line-height:15px;color:#fff;width:auto;white-space:nowrap;text-align:center;max-width:130px;}
.svi-unsave-btn .svi-message:before {position: absolute; content: ""; width: 10px; height: 10px; bottom: -9px; left: calc(50% - 5px); border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.8);}
.svi-unsave-btn:hover .svi-message {display:block;}
.svi-unsave-btn .svi-btn-box {width:100%;text-align:center;align-items: center; justify-content: center;display:flex;position:relative;}
.svi-unsave-btn .svi-box-hover {display:none;}
.svi-unsave-btn:hover .svi-box-main {display:none;}
.svi-unsave-btn:hover .svi-box-hover {display:flex;}


/* MODAL */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,0.5);backdrop-filter: blur(4px);}
#sviModal {display:none;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#sviModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#sviModal .modal-close {display:block;cursor:pointer;border-radius:5px;padding:8px 0;transition:0.1s;position:absolute;z-index:99;color:#555;background: rgba(0,0,0,0.05);text-align:center; box-shadow: 0 0px 2px rgb(0 0 0 / 20%); top: 10px; right: 15px; width: 34px; height: 34px; font-size: 16px;}
#sviModal .modal-close i {line-height:34px;display:inline-block;}
#sviModal .modal-close-alt {position:absolute;top:-7px;right:-50px;width:40px;height:40px;border-radius:6px;cursor:pointer;transition:0.2s;display:flex;}
#sviModal .modal-close-alt:hover {transform:scale(1.2);}
#sviModal .modal-close-alt svg {margin:auto;color:#fff;width:34px;height:34px;}
#sviModal .modal-close:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
#sviModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#sviModal .modal-content .modal-iframe, #sviModal .modal-loader {background: #fff url(../img/input-loader.webp) no-repeat center center; background-size: 40px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#sviModal, #sviModal .modal-content, #sviModal .modal-content .modal-iframe {border-radius:5px;}
#sviModal .modal-is-inline .modal-content {overflow-y:auto;scrollbar-width: thin;}
#sviModal .head {display:block;width:100%;font-size:20px;font-weight:bold;color:#171717;padding:16px 16px;line-height:1.2;}
#sviModal .subhead {display:block;width:100%;font-weight:600;color:#171717;margin-top:-8px;line-height:1.2;padding:0px 16px 16px 16px;border-bottom:1px solid #ccc;}


/* MOBILE LAYOUT */
@media screen and (max-width: 767px) {
  .svi-items .svi-simple-prod {width:calc(50% - 16px);}
  
}

@media screen and (max-width: 440px) {
  .svi-items {padding:16px 16px 0 16px;}
  .svi-items .svi-simple-prod {width:100%;margin:0 0 20px 0;}
}


/* RTL */
html[dir="rtl"] .svi-show-saved .svi-count {margin-left:0;margin-right:3px;}
html[dir="rtl"] .svi-save-btn .svi-icon .svi-count {left:-4px;right:auto;}