@font-face{font-family:qlwapp-whatsapp;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAAsAAAAABbgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8pb7IGGhlYWQAAAPAAAAANgAAADYUXm9HaGhlYQAAA/gAAAAkAAAAJAfAA8ZobXR4AAAEHAAAABQAAAAUCgAAA2xvY2EAAAQwAAAADAAAAAwAKAESbWF4cAAABDwAAAAgAAAAIAAJAJluYW1lAAAEXAAAAYYAAAGGmUoJ+3Bvc3QAAAXkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAD/8AD/gPAACcATwCWAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmATEiJi8BBzcnLgE1NDc+ATc2MzIXHgEXFhcWFx4BFxYVFAcOAQcGIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhcWFx4BFxYXHgEXHgE3PgE3PgEnLgEnA2kkKSpbMTEzaVxdiSgoIiJIAQ03e0BpXF2KKCgKCiYbHP51OW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMrJBwcJQoKKCiKXFxpQ4E6/vlHHx8oKIldXGkzMTFbKin9Fx4dCSmbEDJzPFdNTHMhIQgIHxcXHh4jIkwpKCtXTU1yISIBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDFxY8IB8UCg0EBwEDAyMWFiIEBAcEAAAAAAEAAAABAAAmrdZpXw889QALBAAAAAAA2KCVZQAAAADYoJVlAAD/wAP+A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/4AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAwAAAAAACgAUAB4A/gABAAAABQCXAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");font-weight:normal;font-style:normal}.qlwapp__icon{all:unset;font-family:qlwapp-whatsapp,serif,sans-serif !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qlwapp__icon::before{content:""}.qlwapp__previous,.qlwapp__close{font-family:"Source Serif Pro",serif,sans-serif;font-style:unset;font-size:24px;font-weight:bold;cursor:pointer;text-align:center;line-height:1em;z-index:1;fill:var(--qlwapp-scheme-text, #fff);display:flex}.qlwapp__button{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:12px;text-decoration:none;white-space:nowrap;pointer-events:all;margin:24px auto;height:40px;box-shadow:0 1px 6px 0 rgba(0,0,0,.06),0 2px 32px 0 rgba(0,0,0,.16);cursor:pointer}.qlwapp__button,.qlwapp__button:active,.qlwapp__button:focus,.qlwapp__button:hover{outline:none !important;text-decoration:none !important;color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__button .qlwapp__label,.qlwapp__button .qlwapp__time{position:absolute;bottom:-2em;color:initial;font-size:10px;display:inline-block;top:auto;width:120px}.qlwapp__button .qlwapp__close{font-size:var(--qlwapp-scheme-icon-font-size, 30px)}.qlwapp__button .qlwapp__icon{display:flex;align-items:baseline;font-size:var(--qlwapp-scheme-icon-font-size, 30px)}.qlwapp__button img.qlwapp__icon{width:var(--qlwapp-scheme-icon-font-size, 60px);height:var(--qlwapp-scheme-icon-font-size, 60px);object-fit:contain}.qlwapp__button--button{padding:var(--qlwapp-padding-xs) var(--qlwapp-padding-md)}.qlwapp__button--image{width:auto;height:auto}.qlwapp__button--bubble{right:auto;width:var(--qlwapp-scheme-icon-size, 60px);height:var(--qlwapp-scheme-icon-size, 60px)}.qlwapp__button--bubble .qlwapp__icon{margin:0}.qlwapp__button--bubble .qlwapp__text{position:absolute;right:var(--qlwapp-scheme-icon-size, 60px);height:var(--qlwapp-scheme-icon-size, 60px);margin:0 24px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold;white-space:pre;color:var(--qlwapp-scheme-text, #303030)}.qlwapp__button--disabled{pointer-events:none;opacity:.5}.qlwapp__notification-bubble{position:absolute;top:-4px;right:-4px;background-color:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;line-height:1;z-index:10;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:1;--qlwapp-pulse-color: rgb(220 53 69 / 70%);--qlwapp-pulse-size: 4px}.qlwapp__notification-bubble--bounce{animation-name:bounce}.qlwapp__notification-bubble--flash{animation-name:flash}.qlwapp__notification-bubble--pulse{animation-name:pulse}.qlwapp__notification-bubble--shakeX{animation-name:shakeX}.qlwapp__notification-bubble--shakeY{animation-name:shakeY}.qlwapp__notification-bubble--none{animation:none}.qlwapp__avatar__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.qlwapp__avatar{position:relative;width:62px;height:62px}.qlwapp__avatar .qlwapp__avatar__type-badge{position:absolute;top:-2px;right:-4px;width:18px;height:18px;border-radius:50%;background-color:var(--qlwapp-scheme-brand, #25d366);color:var(--qlwapp-scheme-text, #fff);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 0 0 2px var(--qlwapp-scheme-background, #fff)}.qlwapp__avatar .qlwapp__avatar__type-badge svg{width:11px;height:11px;min-width:11px;min-height:11px}.qlwapp__avatar .qlwapp__avatar__container{overflow:hidden;width:inherit;height:inherit;border-radius:50%;box-shadow:0 0 0 2px #eee;display:flex;align-items:center;justify-content:center}.qlwapp__avatar .qlwapp__avatar__container--icon{background-color:var(--qlwapp-scheme-brand, #25d366);color:var(--qlwapp-scheme-text, #fff);font-weight:bold;font-size:30px}.qlwapp__avatar .qlwapp__avatar__container svg{width:50%}.qlwapp__avatar .qlwapp__avatar__container img{width:100%;height:auto}.qlwapp__contact-list{height:100%;overflow:auto;overscroll-behavior:contain}.qlwapp__contact{display:flex;align-items:center;gap:var(--qlwapp-padding-sm);padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);color:inherit;position:relative;cursor:pointer;width:100%;text-decoration:none;height:auto}.qlwapp__contact:only-child{height:100%;text-align:center;flex-direction:column;justify-content:center}.qlwapp__contact:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.qlwapp__contact:hover,.qlwapp__contact:focus-visible{background-color:rgba(0,0,0,.05)}.qlwapp__contact:active{background-color:rgba(0,0,0,.1)}.qlwapp__contact:nth-child(1):nth-last-child(2),.qlwapp__contact:nth-child(2):nth-last-child(1){height:50%}.qlwapp__contact--disabled{pointer-events:none;opacity:.5}.qlwapp__status{display:flex;align-items:center;gap:3px}.qlwapp__status__indicator{width:10px;height:10px;border-radius:50%;border:1px solid #fff}.qlwapp__status__indicator--online{background-color:#00d084}.qlwapp__status__indicator--offline{background-color:#e63946}.qlwapp__status__text{font-size:10px;color:#666}.qlwapp__contact-list__empty{display:flex;height:134px;justify-content:center;align-items:center}.qlwapp__container{pointer-events:none;box-sizing:border-box;font-size:var(--qlwapp-scheme-font-size, inherit);font-family:var(--qlwapp-scheme-font-family, inherit);display:flex;flex-direction:column;width:430px}.qlwapp__container *{box-sizing:border-box}.qlwapp__container.qlwapp-hide,.qlwapp__container .qlwapp__contact.qlwapp-hide{display:none}.qlwapp__container.mobile .qlwapp__contact.qlwapp-desktop,.qlwapp__container.mobile.qlwapp-desktop{display:none}.qlwapp__container.desktop .qlwapp__contact.qlwapp-mobile,.qlwapp__container.desktop.qlwapp-mobile{display:none}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--bottom-left,.qlwapp__container.qlwapp__container--middle-right,.qlwapp__container.qlwapp__container--bottom-right{position:fixed;z-index:9999999}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--bottom-left{right:auto;left:0}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--middle-left .qlwapp__button .qlwapp__time,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button .qlwapp__time{left:0;right:auto}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button{margin-left:20px}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button--bubble .qlwapp__text,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button--bubble .qlwapp__text{right:auto;left:var(--qlwapp-scheme-icon-size, 60px)}.qlwapp__container.qlwapp__container--middle-left .qlwapp__modal::before,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__modal::before{right:auto;left:20px}.qlwapp__container.qlwapp__container--middle-right,.qlwapp__container.qlwapp__container--bottom-right{left:auto;right:0}.qlwapp__container.qlwapp__container--middle-right .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--middle-right .qlwapp__button .qlwapp__time,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button .qlwapp__time{left:auto;right:0}.qlwapp__container.qlwapp__container--middle-right .qlwapp__button,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button{margin-right:20px}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--middle-right{transition:top .3s ease;top:auto;bottom:0}.qlwapp__container.qlwapp__container--middle-left:not(.qlwapp__container--closing,.qlwapp__container--opening,.qlwapp__container--open),.qlwapp__container.qlwapp__container--middle-right:not(.qlwapp__container--closing,.qlwapp__container--opening,.qlwapp__container--open){top:40%;bottom:auto}.qlwapp__container.qlwapp__container--bottom-left,.qlwapp__container.qlwapp__container--bottom-right{top:auto;bottom:0}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--bubble img.qlwapp__icon{border-radius:200px;overflow:hidden}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--bubble{border-radius:200px}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--button{border-radius:50px}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--button img.qlwapp__icon{border-radius:200px;max-height:28px;width:auto}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal{border-radius:8px}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal .qlwapp__message{border-radius:4px}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal .qlwapp__message::before{background-color:inherit}.qlwapp__container p:last-child{margin:0}.qlwapp__container time{opacity:.8;font-style:italic;font-size:10px}.qlwapp-is-mobile{width:auto}.qlwapp-is-mobile.qlwapp__container--rounded .qlwapp__modal{border-radius:0}.qlwapp{font-weight:normal;font-size:12px;font-family:Inter,sans-serif}.qlwapp--woocommerce .qlwapp__container{display:block;width:auto}.qlwapp--woocommerce .qlwapp__container .qlwapp__button--button.qlwapp__button,.qlwapp--woocommerce .qlwapp__container .qlwapp__button--bubble.qlwapp__button{margin:0}.qlwapp--woocommerce .qlwapp__container .qlwapp__button--button.qlwapp__button{width:100%}.qlwapp--shortcode .qlwapp__container{width:auto}@keyframes pulse{0%{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.5, 1.5, 1.5)}100%{transform:scale3d(1, 1, 1)}}.qlwapp__footer,.qlwapp__response{position:relative;bottom:0;left:0;right:0;height:auto;width:100%;overflow:hidden}.qlwapp__footer pre,.qlwapp__footer textarea,.qlwapp__response pre,.qlwapp__response textarea{max-height:160px;color:inherit;background-color:inherit}.qlwapp__footer::before,.qlwapp__response::before{pointer-events:none;position:absolute;content:"";height:100%;background:linear-gradient(315deg, transparent 0%, rgba(0, 0, 0, 0.025) 100%);top:0;left:0;right:0}.qlwapp__footer::after,.qlwapp__response::after{content:" ";height:1px;background-color:rgba(0,0,0,.075);position:absolute;top:0;left:0;right:0}.qlwapp__footer{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;min-height:56px;width:100%;font-size:12px;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg)}.qlwapp__footer>*{width:100%;white-space:pre-wrap}.qlwapp__footer img{max-width:100px}.qlwapp__footer *{color:var(--qlwapp-scheme-text, #303030)}.qlwapp__footer p{padding:0;font-size:inherit;width:100%;white-space:pre-wrap}.qlwapp__footer p:last-child{margin-bottom:0}.qlwapp__footer h1,.qlwapp__footer h2,.qlwapp__footer h3,.qlwapp__footer h4,.qlwapp__footer h5,.qlwapp__footer h6{display:block;font-weight:600;margin:0;padding:0;white-space:pre-wrap;color:inherit;font-family:inherit}.qlwapp__footer h1{font-size:2.5em}.qlwapp__footer h2{font-size:2em}.qlwapp__footer h3{font-size:1.5em}.qlwapp__footer h4{font-size:1.25em}.qlwapp__footer h5{font-size:1em}.qlwapp__footer h6{font-size:.75em}.qlwapp__response,.qlwapp__response pre,.qlwapp__response textarea,.qlwapp__response .qlwapp__response__buttons{min-height:56px}.qlwapp__response pre,.qlwapp__response textarea{width:100%;height:100%;resize:none;border:none;color:var(--qlwapp-scheme-text, #303030);padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);padding-right:calc(var(--qlwapp-padding-sm) + var(--qlwapp-button-width, 32px));font-family:var(--qlwapp-scheme-font-size, inherit);font-size:1em !important;font-weight:normal;line-height:20px;white-space:pre-wrap;word-wrap:break-word;border-radius:inherit;margin:0}.qlwapp__response pre{visibility:hidden}.qlwapp__response textarea{position:absolute;bottom:0;left:0}.qlwapp__response textarea:focus{outline:none}.qlwapp__response textarea::placeholder{opacity:.5;color:inherit}.qlwapp__response .qlwapp__response__buttons{position:absolute;top:0;right:21px;display:flex;align-items:center}.qlwapp__response .qlwapp__response__buttons svg{width:18px}.qlwapp__response .qlwapp__response__buttons>i{opacity:.4}.qlwapp__response .qlwapp__response__buttons>i,.qlwapp__response .qlwapp__response__buttons>a{cursor:pointer;margin:0 0 0 10px;display:flex;font-size:18px;align-items:center;text-decoration:none}.qlwapp__response .qlwapp__response__buttons .qlwapp__reply--button-label{margin-right:5px}.qlwapp__response .qlwapp__response__buttons .qlwapp__reply--disabled{pointer-events:none;opacity:.5}.qlwapp__response .qlwapp__response__buttons.active>i{display:none}.qlwapp__response .qlwapp__response__buttons.active>i.qlwf-emoji{display:block}.qlwapp__response--end-conversation pre{opacity:.5;visibility:visible;text-align:center}.qlwapp__response input[type=date]{width:100%;height:100%;border:none;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);padding-right:calc(var(--qlwapp-padding-sm) + var(--qlwapp-button-width, 32px));font-family:var(--qlwapp-scheme-font-size, inherit);font-size:1em !important;font-weight:normal;line-height:20px;border-radius:inherit;margin:0;background-color:rgba(0,0,0,0);color:inherit;display:flex;align-items:center}.qlwapp__response input[type=date]:focus{outline:none}.qlwapp__response input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s}.qlwapp__response input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.qlwapp__consent{padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);border-top:1px solid rgba(0,0,0,.075);background-color:rgba(0,0,0,.025)}.qlwapp__consent .qlwapp__consent-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;line-height:1.4;color:var(--qlwapp-scheme-text, #303030);margin:0}.qlwapp__consent .qlwapp__consent-checkbox{margin:0;margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__consent .qlwapp__consent-text{flex:1;user-select:none}.qlwapp__general-consent{text-align:start;font-size:12px;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);border-top:1px solid rgba(0,0,0,.075);background-color:rgba(0,0,0,.025);animation:fadeIn .3s ease-in-out}.qlwapp__general-consent--required{background-color:rgba(255,235,200,.4);border-top:1px solid rgba(255,152,0,.2)}.qlwapp__general-consent .qlwapp__general-consent-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;line-height:1.4;color:var(--qlwapp-scheme-text, #303030);margin:0}.qlwapp__general-consent .qlwapp__general-consent-checkbox{margin:0;margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__general-consent .qlwapp__general-consent-text{flex:1;user-select:none}.qlwapp__general-consent .qlwapp__general-consent-text br{display:block;content:"";margin-top:.5em}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qlwapp__general-consent--accepted{animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.qlwapp__header{background-color:var(--qlwapp-scheme-brand, #25d366);color:var(--qlwapp-scheme-text, #fff);position:relative;overflow:hidden;height:auto}.qlwapp__header::before{content:"";position:absolute;inset:0;background:linear-gradient(315deg, transparent 0%, rgba(0, 0, 0, 0.05) 100%)}.qlwapp__header .qlwapp__close{position:absolute;top:12px;right:12px}@media(width >= 430px){.qlwapp__header .qlwapp__close{position:absolute;top:7px;right:7px;font-size:18px}}.qlwapp__header .qlwapp__header-description{align-items:center;font-size:12px}.qlwapp__header .qlwapp__header-description p{padding:0;font-size:inherit;width:100%;color:inherit;font-family:inherit;margin:0}.qlwapp__header .qlwapp__header-description p:last-child{margin-bottom:0}.qlwapp__header .qlwapp__header-description h1,.qlwapp__header .qlwapp__header-description h2,.qlwapp__header .qlwapp__header-description h3,.qlwapp__header .qlwapp__header-description h4,.qlwapp__header .qlwapp__header-description h5,.qlwapp__header .qlwapp__header-description h6{display:block;font-weight:600;margin:0;padding:0;white-space:pre-wrap;color:inherit;font-family:inherit}.qlwapp__header .qlwapp__header-description h1{font-size:2.5em}.qlwapp__header .qlwapp__header-description h2{font-size:2em}.qlwapp__header .qlwapp__header-description h3{font-size:1.5em}.qlwapp__header .qlwapp__header-description h4{font-size:1.25em}.qlwapp__header .qlwapp__header-description h5{font-size:1em}.qlwapp__header .qlwapp__header-description h6{font-size:.75em}.qlwapp__header .qlwapp__header-description img{max-width:100px}.qlwapp__header .qlwapp__header-description *{color:var(--qlwapp-scheme-text, #fff) !important}.qlwapp__header .qlwapp__header-description,.qlwapp__header .qlwapp__header-contact{padding:calc(var(--qlwapp-padding-xs) + 2px) var(--qlwapp-padding-lg);min-height:100%}.qlwapp__header .qlwapp__header-contact{display:flex;justify-content:flex-end;align-items:center;gap:var(--qlwapp-padding-sm)}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons{display:flex;margin-right:auto;align-items:center;flex-shrink:0}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__previous{width:100%;height:100%}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__previous--disabled{opacity:.5;pointer-events:none !important}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__reset{margin-left:15px;color:var(--qlwapp-scheme-text, #fff) !important}.qlwapp__header .qlwapp__header-contact .qlwapp__info{text-align:end;color:var(--qlwapp-scheme-text, #fff) !important;overflow:hidden;min-width:0}.qlwapp__header .qlwapp__header-contact .qlwapp__info .qlwapp__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlwapp__header .qlwapp__header-contact .qlwapp__info .qlwapp__time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlwapp__header .qlwapp__header-contact .qlwapp__avatar{width:42px;height:42px;flex-shrink:0}.qlwapp__message-list{display:flex;align-items:center;flex-direction:column;gap:var(--qlwapp-padding-sm);padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);overflow:hidden auto;overscroll-behavior:contain;max-height:min(var(--qlwapp-scheme-box-max-height, 500px),100dvh - 220px)}.qlwapp__message{padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-md);position:relative;align-self:flex-start;word-wrap:break-word;max-width:calc(100% - var(--qlwapp-padding-sm)*2);background-color:#eee}.qlwapp__message::before{content:"";position:absolute;top:0;width:20px;height:20px;right:auto;left:0;transform:matrix(1, 0, 1, 1, -2, 0)}.qlwapp__message--image{width:100%;height:100%}.qlwapp__message--video,.qlwapp__message--audio,.qlwapp__message--embed{position:relative;max-width:100%}.qlwapp__message--video video,.qlwapp__message--video audio,.qlwapp__message--audio video,.qlwapp__message--audio audio,.qlwapp__message--embed video,.qlwapp__message--embed audio{display:block;max-width:100%;border-radius:inherit}.qlwapp__message--video video,.qlwapp__message--audio video,.qlwapp__message--embed video{max-height:300px;object-fit:contain}.qlwapp__message--video audio,.qlwapp__message--audio audio,.qlwapp__message--embed audio{height:40px}.qlwapp__message--video iframe,.qlwapp__message--audio iframe,.qlwapp__message--embed iframe{display:block;width:100%;height:157px;border:none;border-radius:inherit}.qlwapp__message--user{place-self:end flex-end;margin-top:0;word-break:var(--qlwapp-scheme-box-message-word-break);color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__message--user::before{right:0;left:auto;transform:matrix(1, 0, 1, -1, 2, 0)}.qlwapp__message--user a{color:var(--qlwapp-scheme-text, #fff) !important;text-decoration:underline}.qlwapp__message--user:first-child::before{top:-6px;right:10%;transform:rotate(45deg)}.qlwapp__message--user,.qlwapp__message--choice-input{width:auto;color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__message--choice-input{place-self:end flex-end;cursor:pointer;transition:all .2s ease}.qlwapp__message--choice-input::before{content:none}.qlwapp__message--choice-input:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.qlwapp__message--error{background-color:#ffbfbf !important;color:#750000 !important}.qlwapp__message--error::before{background-color:#ffbfbf !important}.qlwapp__rating-form{display:flex;flex-direction:column;gap:var(--qlwapp-padding-sm);width:100%;padding:0 var(--qlwapp-padding-sm)}.qlwapp__rating-label{font-size:.875rem;color:#666}.qlwapp__rating-label--left{text-align:start;width:100%}.qlwapp__rating-label--right{text-align:end;width:100%;padding-right:var(--qlwapp-padding-sm)}.qlwapp__rating-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:var(--qlwapp-padding-sm) 0;width:100%}.qlwapp__rating-number{width:calc((100% - 16px)/5);aspect-ratio:1;max-width:50px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.9rem;cursor:pointer;user-select:none;transition:all .2s ease-in-out;border-radius:50%;border-width:2px;border-style:solid;border-color:rgba(37,211,102,.25);background-color:rgba(37,211,102,.05);color:var(--qlwapp-scheme-brand, #25d366);flex-shrink:0}.qlwapp__rating-number:hover,.qlwapp__rating-number--selected{background-color:rgba(37,211,102,.25);border-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__rating-icon{transition:all .2s ease;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc((100% - 16px)/5);aspect-ratio:1;max-width:50px;flex-shrink:0}.qlwapp__rating-icon>svg{stroke:var(--qlwapp-scheme-brand, #25d366);transition:all .2s ease;width:20px;height:20px}.qlwapp__rating-icon--selected{background-color:rgba(37,211,102,.04)}.qlwapp__rating-icon--selected>svg{fill:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__rating-icon:hover{background-color:rgba(37,211,102,.06)}.qlwapp__rating-icon:hover>svg{fill:rgba(37,211,102,.15)}.qlwapp__rating-submit{display:flex;justify-content:flex-end;padding-top:var(--qlwapp-padding-sm)}.qlwapp__rating-submit button{border:none;outline:none;cursor:pointer}.qlwapp__modal{pointer-events:all;position:relative;inset:auto;z-index:99999;box-shadow:0 8px 25px -5px rgba(45,62,79,.15);background-color:#fff;margin:24px 24px 12px}.qlwapp__modal::before{background-color:#fff;content:"";position:absolute;bottom:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}.qlwapp__modal .qlwapp__header{border-top-left-radius:inherit;border-top-right-radius:inherit}.qlwapp__modal .qlwapp__header .qlwapp__carousel{position:relative}.qlwapp__modal .qlwapp__body{overflow:hidden}.qlwapp__modal .qlwapp__body .qlwapp__carousel{position:relative;max-height:min(var(--qlwapp-scheme-box-max-height, 500px),100dvh - 220px)}.qlwapp__modal .qlwapp__footer,.qlwapp__modal .qlwapp__response{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.qlwapp__modal .qlwapp__time,.qlwapp__modal .qlwapp__label,.qlwapp__modal .qlwapp-offline-text{font-size:12px;line-height:1.5em;opacity:.6;display:block}.qlwapp__modal .qlwapp__time{font-size:11px;font-style:italic;color:var(--qlwapp-scheme-contact-availability-color, inherit);text-align:justify}.qlwapp__modal .qlwapp__name{display:block;font-weight:bold;line-height:1.5em;color:var(--qlwapp-scheme-contact-name-color, inherit);text-align:justify}.qlwapp__modal .qlwapp__label{color:var(--qlwapp-scheme-contact-role-color, inherit);text-align:justify}.qlwapp-is-mobile .qlwapp__modal{position:fixed;bottom:0;left:0;right:0;box-shadow:0 5px 20px 5px rgba(0,0,0,.5);margin:0}.qlwapp-is-mobile .qlwapp__modal::before{content:none}.qlwapp-is-mobile .qlwapp__modal .qlwapp__header{border-top-left-radius:0;border-top-right-radius:0}.qlwapp-is-mobile .qlwapp__modal .qlwapp__footer,.qlwapp-is-mobile .qlwapp__modal .qlwapp__response{border-bottom-left-radius:0;border-bottom-right-radius:0}@keyframes closeModal{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px)}}@keyframes openModal{from{opacity:0;visibility:hidden;transform:translateY(50px)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}}@keyframes closeModalInMobile{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}}@keyframes openModalInMobile{from{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes bounce{0%,20%,53%,80%,100%{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}@keyframes pulse{0%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0.7))}70%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 var(--qlwapp-pulse-size, 12px) var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}100%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}}@keyframes shakeX{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}@keyframes shakeY{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.qlwapp__modal{opacity:0;visibility:hidden}.qlwapp__modal .qlwapp__carousel{display:flex;width:200%;height:100%}.qlwapp__modal .qlwapp__carousel .qlwapp__carousel-slide{width:50%;transition:max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms,transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms,opacity 500ms ease-in 500ms}.qlwapp__modal .qlwapp__header .qlwapp__name,.qlwapp__modal .qlwapp__header .qlwapp__avatar{opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) .3s,opacity ease-in .3s}.qlwapp__modal .qlwapp__header .qlwapp__name{transform:translateX(56px)}.qlwapp__modal .qlwapp__header .qlwapp__avatar{transform:scale(0.5)}.qlwapp__modal .qlwapp__header .qlwapp__name{transition-delay:800ms}.qlwapp__modal .qlwapp__header .qlwapp__header-description{transition-delay:850ms}.qlwapp__modal .qlwapp__header .qlwapp__avatar{transition-delay:900ms}.qlwapp__modal .qlwapp__response,.qlwapp__modal .qlwapp__previous,.qlwapp__modal .qlwapp__message{transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 600ms,opacity ease-in 200ms}.qlwapp__modal .qlwapp__previous,.qlwapp__modal .qlwapp__message{opacity:0}.qlwapp__modal .qlwapp__response{pointer-events:none;display:none;opacity:0}.qlwapp__modal .qlwapp__previous{transform:translateX(56px)}.qlwapp__modal .qlwapp__message{transform:translateY(56px);transition-delay:200ms}.qlwapp__modal .qlwapp__close{transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}.qlwapp__modal .qlwapp__header-description{transition:opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1)}.qlwapp__modal .qlwapp__previous{transition-delay:800ms}.qlwapp__modal .qlwapp__close,.qlwapp__modal .qlwapp__header-description{transition-delay:900ms}.qlwapp__modal .qlwapp__contact{transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 150ms ease-in}.qlwapp__modal .qlwapp__contact:nth-of-type(1){transition-delay:100ms}.qlwapp__modal .qlwapp__contact:nth-of-type(2){transition-delay:200ms}.qlwapp__modal .qlwapp__contact:nth-of-type(3){transition-delay:300ms}.qlwapp__modal .qlwapp__contact:nth-of-type(4){transition-delay:400ms}.qlwapp__modal .qlwapp__contact:nth-of-type(5){transition-delay:500ms}.qlwapp__modal .qlwapp__contact:nth-of-type(6){transition-delay:600ms}.qlwapp__modal .qlwapp__header-contact{opacity:0}.qlwapp__modal .qlwapp__message{opacity:0;transform:translateY(-56px)}.qlwapp__modal--response .qlwapp__carousel .qlwapp__carousel-slide{transform:translateX(-100%)}.qlwapp__modal--response .qlwapp__carousel .qlwapp__carousel-slide .qlwapp__header-contact{opacity:1}.qlwapp__modal--response .qlwapp__close{transition-delay:0ms}.qlwapp__modal--response .qlwapp__close,.qlwapp__modal--response .qlwapp__header-description,.qlwapp__modal--response .qlwapp__contact{opacity:0}.qlwapp__modal--response .qlwapp__contact{transform:translateY(-33.333%);border-top-color:rgba(0,0,0,0) !important}.qlwapp__modal--response .qlwapp__message{display:block}.qlwapp__modal--response .qlwapp__message,.qlwapp__modal--response .qlwapp__previous{opacity:1}.qlwapp__modal--response .qlwapp__footer{display:none}.qlwapp__modal--response .qlwapp__response{pointer-events:all;display:block;opacity:1}.qlwapp__modal--response .qlwapp__message,.qlwapp__modal--response .qlwapp__previous{transform:translate(0)}.qlwapp__modal--response .qlwapp__header .qlwapp__carousel-slide{max-height:84px}.qlwapp__modal--response .qlwapp__header .qlwapp__name,.qlwapp__modal--response .qlwapp__header .qlwapp__avatar{opacity:1}.qlwapp__modal--response .qlwapp__header .qlwapp__header-description{opacity:0}.qlwapp__modal--response .qlwapp__header .qlwapp__name,.qlwapp__modal--response .qlwapp__header .qlwapp__header-description{transform:translateX(0)}.qlwapp__modal--response .qlwapp__header .qlwapp__avatar{transform:scale(1)}.qlwapp__modal--opening .qlwapp__response,.qlwapp__modal--opening .qlwapp__close,.qlwapp__modal--opening .qlwapp__previous,.qlwapp__modal--opening .qlwapp__header .qlwapp__name,.qlwapp__modal--opening .qlwapp__header-description{visibility:visible}.qlwapp__modal--closing .qlwapp__info,.qlwapp__modal--closing .qlwapp__avatar__container{transform:translateX(100px);opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms,opacity ease-out 200ms}.qlwapp__modal--closing .qlwapp__message{transition:all .4s;transform:translateY(100%);opacity:0}.qlwapp__modal--closing .qlwapp__previous{transform:translateX(-24px);opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms,opacity ease-out 200ms;transition-delay:0ms}.qlwapp__modal--open .qlwapp__icon{display:none;transform:scale(0, 0) !important;opacity:0 !important}.qlwapp__modal--open .qlwapp__close{display:none;transform:scale(1, 1) !important;opacity:1 !important}.qlwapp__button{animation-duration:1.5s;animation-timing-function:ease-in;animation-name:var(--qlwapp-button-animation-name, "none");animation-delay:var(--qlwapp-button-animation-delay, 0);animation-iteration-count:1;transform-origin:center;background-image:unset !important}.qlwapp__button--bubble .qlwapp__close{transform:scale(0, 0);opacity:0;position:absolute}.qlwapp__button--bubble .qlwapp__icon{transform:scale(1, 1);opacity:1}.qlwapp__button--bubble .qlwapp__icon,.qlwapp__button--bubble .qlwapp__close{transition:transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 300ms ease-in}.qlwapp__container--open .qlwapp__button--bubble .qlwapp__close{transform:scale(1, 1);opacity:1}.qlwapp__container--open .qlwapp__button--bubble .qlwapp__icon{transform:scale(0, 0);opacity:0}.qlwapp__container .qlwapp__modal{animation:openModal .4s forwards}.qlwapp__container--closing .qlwapp__modal{animation:closeModal .4s forwards}.qlwapp-is-mobile .qlwapp__modal{animation:openModalInMobile .4s forwards}.qlwapp-is-mobile.qlwapp__container--closing .qlwapp__modal{animation:closeModalInMobile .4s forwards}.rtl .qlwapp__modal{direction:ltr !important;unicode-bidi:bidi-override}.rtl .qlwapp__header-description,.rtl .qlwapp__footer,.rtl .qlwapp__response{direction:rtl !important}:root{--qlwapp-padding-xs: 8px;--qlwapp-padding-sm: 16px;--qlwapp-padding-md: 24px;--qlwapp-padding-lg: 32px;--qlwapp-padding-xl: 40px}:root {
--primary: #ff6f61;
--primary-2: #ff9a90;
--primary-3: #ffc5c0;
--primary-4: #fff1ef;
--primary-green: #39ae52;
--secondary: #4b4ded;
--secondary-2: rgba(75, 77, 237, 0.75);
--secondary-3: rgba(75, 77, 237, 0.5);
--secondary-4: #efeffd;
--dark: #000000;
--dark-2: #101828;
--dark-3: #282828;
--dark-4: #1c1c1c;
--white: #ffffff;
--white-2: #edeae5;
--purple: #9148ff;
--purple-2: #f6efff;
--violet: #a83fff;
--violet-2: #a474ff;
--success: #31d0aa;
--success-2: rgba(49, 208, 170, 0.75);
--success-3: rgba(49, 208, 170, 0.5);
--success-4: rgba(49, 208, 170, 0.1);
--light-green: #00ba00;
--text: #545454;
--text-2: #393939;
--text-3: #667085;
--text-4: #757575;
--line: #ebebeb;
--line-2: #f2f4f7;
--line-3: #c9c9c9;
--line-4: #e4e7ec;
--line-5: rgba(126, 126, 126, 0.2);
--surface: #f5f5f5;
--surface-2: #f7f7f7;
--surface-3: #f3f3f3;
--shadow-1: 0px 4px 20px 0px #0000001a;
--gradient-1: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
--gradient-2: linear-gradient(180deg, rgba(231, 236, 210, 0) 0%, #e7ecd2 100%);
--backdrop: rgba(0, 0, 0, 0.4);
--bg-scrollbar-track: #f1f1f1;
--bg-scrollbar-thumb: #c1c1c1;
--rgba-white: rgba(255, 255, 255, 0.8);
--rgba-dark: rgba(0, 0, 0, 0.6);
--rgba-dark-2: rgba(0, 0, 0, 0.8);
--rgba-dark-3: rgba(0, 0, 0, 0.2);
--yellow: #ffc108;
--yellow-2: #ff9a00;
--brown: #8f5252;
--red: #e21b1b;
}
.primary-2 {
--primary: #39ae52;
}
.primary-3 {
--primary: #d62c2c;
}
.flat-single-product {
padding: 0px 0px 100px;
}
.stagger-wrap .stagger-item {
transition: 0.3s ease-in-out;
transform: scale(0.5) rotate(90deg) skew(15deg);
opacity: 0;
}
.stagger-wrap .stagger-item.stagger-finished {
transform: scale(1) rotate(0deg) skew(0deg);
opacity: 1;
}
.slider-scroll,
.product-thumbs-slider {
display: flex;
gap: 10px;
}
.thumbs-bottom {
flex-direction: column;
}
.thumbs-bottom .tf-product-media-thumbs {
order: 1;
width: 100%;
}
.thumbs-bottom .flat-wrap-media-product {
width: 100%;
}
.thumbs-bottom .flat-wrap-media-product .tf-product-media-main .item {
max-height: none;
}
.tf-product-media-thumbs {
width: 122px;
flex-shrink: 0;
max-height: 758px;
}
.tf-product-media-thumbs .swiper-slide {
height: max-content;
width: auto;
}
.tf-product-media-thumbs .swiper-slide .item {
position: relative;
height: 100%;
}
.tf-product-media-thumbs .swiper-slide .item img {
border-radius: 8px;
width: 100%;
height: 100%;
object-fit: cover;
}
.tf-product-media-thumbs .swiper-slide .item::after {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 8px;
}
.tf-product-media-thumbs .swiper-slide:not(.swiper-slide-thumb-active) .item {
opacity: 0.6;
}
.tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item::after {
border-color: rgba(0, 0, 0, 0.4);
}
.wrap-btn-viewer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--white);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.wrap-btn-viewer .icon {
font-size: 20px;
}
.tf-model-viewer-ui-button .wrap-btn-viewer {
width: 44px;
height: 44px;
}
.flat-wrap-media-product {
width: calc(100% - 132px);
position: relative;
}
.flat-wrap-media-product .tf-product-media-main {
border-radius: 12px;
height: 100%;
}
.flat-wrap-media-product .tf-product-media-main .item {
display: flex;
width: 100%;
height: 100%;
overflow: hidden;
max-height: 758px;
}
.flat-wrap-media-product .tf-product-media-main .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.flat-wrap-media-product .tf-product-media-main .slide-3d,
.flat-wrap-media-product .tf-product-media-main .slide-video {
height: auto;
}
.tf-product-info-wrap {
display: grid;
gap: 32px;
}
.tf-product-info-wrap .tf-product-info-list {
display: grid;
gap: 24px;
}
.tf-product-info-wrap .tf-product-heading {
border-bottom: 1px solid var(--line);
padding-bottom: 24px;
display: grid;
gap: 12px;
}
.tf-product-info-wrap .brand-product {
font-weight: 500;
color: var(--text);
font-size: 14px;
line-height: 20px;
}
.tf-product-info-wrap .product-rate {
display: flex;
align-items: center;
}
.tf-product-info-wrap .product-rate .list-star {
margin-right: 6px;
display: flex;
align-items: center;
}
.tf-product-info-wrap .product-rate .icon {
font-size: 16px;
color: #98ab23;
}
.tf-product-info-wrap .product-rate .icon:not(:last-child) {
margin-right: 5px;
}
.tf-product-info-wrap .product-rate .count-review {
font-family: "DM Sans", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 22.4px;
letter-spacing: -3%;
color: var(--text);
}
.tf-product-info-wrap .product-price {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
font-weight: 500;
}
.tf-product-info-wrap .product-price .price-new {
color: var(--primary);
}
.tf-product-info-wrap .product-price .price-old {
color: var(--rgba-dark);
text-decoration: line-through;
}
.tf-product-info-wrap .badge-sale {
font-size: 14px;
line-height: 20px;
font-weight: 400;
background-color: var(--primary);
border-radius: 22px;
padding: 5px 10px;
color: var(--white);
}
.tf-product-info-wrap .product-stock {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-top: 4px;
}
.tf-product-info-wrap .product-stock .icon {
animation: tf-ani-flash 2s infinite;
}
.tf-product-info-wrap .product-stock .stock {
padding: 5px 10px;
border-radius: 5px;
margin-right: 8px;
font-weight: 500;
}
.tf-product-info-wrap .product-stock .in-stock {
background-color: rgba(44, 163, 21, 0.1);
color: #1d770b;
}
.tf-product-info-wrap .product-stock .out-stock {
background-color: rgba(37, 37, 37, 0.1);
color: #252525;
}
.tf-product-info-wrap .progress-sold {
width: 100%;
background-color: var(--line-4);
height: 5px;
position: relative;
border-radius: 5px;
}
.tf-product-info-wrap .progress-sold .value {
position: relative;
height: 100%;
background-color: var(--primary);
transition: width 2s ease;
border-radius: 5px;
}
.tf-product-info-wrap .product-progress-sale {
margin-top: 8px;
}
.tf-product-info-wrap .product-progress-sale .title-hurry-up {
margin-bottom: 10px;
font-size: 12px;
line-height: 14.4px;
color: var(--dark);
}
.tf-product-info-wrap .product-progress-sale .count {
font-size: 20px;
line-height: 24px;
font-weight: 500;
color: var(--primary);
}
.tf-product-info-wrap .tf-product-variant {
display: grid;
gap: 24px;
}
.tf-product-info-wrap .tf-product-variant .variant-picker-label {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
color: var(--dark);
}
.tf-product-info-wrap .tf-product-variant .variant-picker-label-value {
text-transform: capitalize;
margin-left: 4px;
font-weight: 500;
}
.tf-product-info-wrap .variant-color .variant-picker-values {
display: flex;
gap: 12px;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) {
position: relative;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid transparent;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 50%;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) .check-color {
width: 32px;
height: 32px;
display: block;
border-radius: 50%;
border: 1px solid #dcdcdc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item).active {
border-color: var(--dark-2);
}
.tf-product-info-wrap .variant-color .color-btn.style-image {
width: 56px;
height: 56px;
padding: 5px;
border: 1px solid var(--line);
}
.tf-product-info-wrap .variant-color .color-btn.style-image .img {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square {
width: 80px;
height: 100px;
padding: 6px;
border: 1px solid var(--line);
border-radius: 6px;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square .img {
width: 100%;
height: 100%;
border-radius: 6px;
overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tf-product-info-wrap .variant-size .variant-picker-label {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.tf-product-info-wrap .variant-size .size-guide {
font-size: 14px;
line-height: 16.8px;
text-decoration: underline;
}
.tf-product-info-wrap .variant-size .variant-picker-values {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item) {
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--line);
font-size: 20px;
line-height: 30px;
color: var(--dark);
font-weight: 500;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item).active {
border-color: var(--dark);
}
.tf-product-info-wrap .product-info-countdown {
margin-top: 8px;
padding: 20px;
display: inline-block;
width: max-content;
border: 1px solid var(--primary);
border-radius: 8px;
}
.tf-product-info-wrap .product-info-countdown .countdown-title {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__timer {
display: flex;
gap: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__item {
width: 48px;
height: 32px;
font-size: 16px;
line-height: 24px;
color: var(--white);
background-color: var(--primary);
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.tf-product-info-wrap .product-info-countdown .countdown__item:not(:last-child)::after {
position: absolute;
content: ":";
top: 50%;
transform: translateY(-50%);
right: -8px;
color: var(--dark);
}
.tf-product-info-wrap .product-info-countdown.type-1 {
min-width: 276px;
}
.tf-product-info-wrap .product-info-countdown.type-1 .countdown__timer {
justify-content: center;
}
.tf-product-info-wrap .product-info-countdown.type-1 .countdown__item {
width: unset;
background-color: transparent;
color: #e83524;
font-weight: 500;
font-size: 12px;
line-height: 120%;
}
.tf-product-info-wrap .product-info-countdown.type-1 .countdown__item::after {
color: #e83524;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 12px;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn .tf-btn {
flex-grow: 1;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn .product-btns {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
border: 1px solid #ebebeb;
border-radius: 50%;
color: #252525;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn .product-btns:hover {
background-color: #252525;
color: var(--white);
}
.tf-product-info-wrap .tf-product-total-quantity .tf-btn {
text-transform: none;
}
.tf-product-info-wrap .tf-product-total-quantity .btn-out-stock {
background-color: var(--text);
border-color: var(--text);
cursor: not-allowed;
}
.tf-product-info-wrap .tf-product-total-quantity .more-choose-payment {
margin-top: 12px;
display: block;
text-align: center;
text-decoration: underline;
}
.tf-product-info-wrap .tf-product-extra-link {
display: flex;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}
.tf-product-info-wrap .tf-product-extra-link .product-extra-icon {
display: flex;
align-items: center;
gap: 6px;
font-weight: 500;
}
.tf-product-info-wrap .tf-product-extra-link .product-extra-icon .icon {
font-size: 18px;
}
.tf-product-info-wrap .tf-product-trust-seal .list-card {
margin-top: 12px;
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.tf-product-info-wrap .tf-product-trust-seal .card-item {
width: 45px;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 2.5px;
}
.tf-product-info-wrap .tf-product-delivery-return {
border-radius: 16px;
border: 1px solid var(--line);
padding: 20px;
display: flex;
}
.tf-product-info-wrap .tf-product-delivery-return .product-delivery {
display: grid;
gap: 10px;
text-align: center;
padding: 0px 25px;
}
.tf-product-info-wrap .tf-product-delivery-return .product-delivery .icon {
font-size: 23px;
color: var(--dark);
}
.tf-product-info-wrap .tf-product-delivery-return .product-delivery:not(:last-child) {
border-right: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-pickup-available {
display: flex;
margin: 8px 0px;
gap: 8px;
}
.tf-product-info-wrap .tf-product-pickup-available .icon {
font-size: 21px;
color: var(--light-green);
}
.tf-product-info-wrap .tf-product-pickup-available .content {
display: grid;
gap: 4px;
}
.tf-product-info-wrap .tf-product-pickup-available .check-availability {
font-size: 12px;
line-height: 18px;
color: var(--text);
text-decoration: underline;
}
.tf-product-info-wrap .form-group-product {
margin-bottom: 8px;
}
.btn-add-wishlist .added {
display: none;
}
.btn-add-wishlist.added-wishlist .add {
display: none;
}
.btn-add-wishlist.added-wishlist .added {
display: block;
}
.wg-quantity {
display: flex;
justify-content: space-between;
background-color: #f1f1f1;
border-radius: 43px;
overflow: hidden;
}
.wg-quantity .quantity-product {
width: 42px;
height: 42px;
padding: 0;
background-color: transparent;
border: 0;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: var(--dark);
pointer-events: none;
}
.wg-quantity .btn-quantity {
width: 42px;
height: 42px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #011624;
cursor: pointer;
background-color: transparent;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-quantity .btn-quantity:hover {
color: var(--primary);
}
.wg-quantity.small .btn-quantity,
.wg-quantity.small .quantity-product {
height: 30px;
width: 30px;
font-size: 18px;
}
.wg-quantity.small .quantity-product {
font-size: 14px;
font-weight: 700;
line-height: 16.8px;
letter-spacing: -0.03em;
}
.tf-product-fbt {
padding: 20px;
border-radius: 16px;
border: 1px solid var(--line);
}
.tf-product-fbt .title {
margin-bottom: 16px;
}
.tf-product-fbt .tf-bundle-product-item {
padding: 16.35px 0px;
}
.tf-product-fbt .tf-product-form-bundle {
display: grid;
gap: 24px;
}
.tf-product-fbt .btn-submit-total {
font-family: "DM Sans", sans-serif;
font-weight: 600;
text-transform: none;
}
.tf-product-fbt .bundle-total-submit {
display: flex;
align-items: center;
font-size: 20px;
line-height: 32px;
font-weight: 500;
}
.tf-product-fbt .bundle-total-submit .text {
margin-right: 10px;
}
.tf-product-fbt .bundle-total-submit .total-price {
margin-right: 5px;
color: var(--primary);
}
.tf-product-fbt .bundle-total-submit .total-price-old {
color: var(--line-3);
text-decoration: line-through;
}
.tf-product-fbt-wrap {
padding: 15px;
border-radius: 16px;
border: 1px solid var(--line);
}
.tf-product-fbt-wrap .list-fbt {
display: flex;
gap: 25px;
align-items: center;
overflow-x: auto;
min-width: 100%;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-track {
background-color: var(--bg-scrollbar-track);
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-thumb {
background: var(--bg-scrollbar-thumb);
border-radius: 4px;
}
.tf-product-fbt-wrap .fbt-image {
width: 129px;
min-width: 129px;
border-radius: 8px;
overflow: hidden;
}
.tf-product-fbt-wrap .fbt-swatches {
display: grid;
gap: 8px;
}
.tf-product-fbt-wrap .fbt-info {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.tf-product-fbt-wrap .fbt-info .bundle-variant,
.tf-product-fbt-wrap .fbt-info .bundle-title {
margin-right: 10px;
}
.tf-product-fbt-wrap .fbt-info .bundle-price {
display: flex;
gap: 6px;
}
.tf-product-fbt-wrap .fbt-info .new-price {
color: var(--primary);
}
.tf-product-fbt-wrap .fbt-info .old-price {
color: #bfbfbf;
}
.tf-product-fbt-wrap .tf-product-form-fbt {
display: flex;
flex-direction: column;
gap: 20px;
}
.tf-product-fbt-wrap .list-fbt {
margin-bottom: 15px;
}
.tf-product-fbt-wrap .fbt-total-price {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.tf-product-fbt-wrap .fbt-total-price .price-new {
color: var(--primary);
}
.tf-product-fbt-wrap .fbt-total-price .price-old {
color: #bfbfbf;
text-decoration: line-through;
font-size: 14px;
line-height: 22.4px;
margin-left: 5px;
}
.tf-bundle-product-item {
display: flex;
gap: 20px;
}
.tf-bundle-product-item .bundle-check {
align-self: center;
}
.tf-bundle-product-item .bundle-image {
width: 129px;
min-width: 129px;
border-radius: 8px;
overflow: hidden;
}
.tf-bundle-product-item .bundle-image img {
width: 100%;
height: 100%;
}
.tf-bundle-product-item .bundle-info {
display: grid;
gap: 8px;
align-content: flex-start;
}
.tf-bundle-product-item .bundle-price .new-price {
color: var(--primary);
}
.tf-bundle-product-item .bundle-price .old-price {
color: var(--rgba-dark);
text-decoration: line-through;
}
.tf-bundle-product-item .tf-select {
width: max-content;
}
.item-has-checkbox {
opacity: 0.4;
}
.item-has-checkbox.check {
opacity: 1;
}
.wd-product-descriptions .item .title {
margin-bottom: 5px;
}
.wd-product-descriptions .item:not(:last-child) {
margin-bottom: 20px;
}
.wd-product-descriptions .item p,
.wd-product-descriptions .item li {
font-size: 14px;
line-height: 22.4px;
}
.wd-product-descriptions .item ul li {
position: relative;
padding-left: 20px;
}
.wd-product-descriptions .item ul li::before {
position: absolute;
content: "";
left: 5px;
top: 50%;
transform: translateY(-50%);
background-color: var(--dark);
width: 4px;
height: 4px;
border-radius: 50%;
}
.wd-product-descriptions .list-policies {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.wd-product-descriptions .accordion-body {
padding: 10px 0px 30px;
}
.tf-product-side-accordions {
margin-bottom: 42px;
}
.tf-product-side-accordions .wd-customer-review {
flex-direction: column;
gap: 42px;
}
.flat-single-grid .item {
border-radius: 8px;
overflow: hidden;
width: 100%;
height: 100%;
display: block;
}
.flat-single-grid .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.recent-blog-item {
display: flex;
gap: 20px;
}
.recent-blog-item .img-product {
width: 75px;
height: 112px;
border-radius: 4px;
overflow: hidden;
display: block;
}
.recent-blog-item .img-product img {
width: 100%;
height: 100%;
object-fit: cover;
}
.recent-blog-item .content {
display: grid;
gap: 8px;
align-content: flex-start;
}
.recent-blog-item .content .old-price {
margin-left: 6px;
color: #5c5c5c;
}
.recent-blog-item .content .new-price {
color: var(--primary);
}
.flat-wrap-frequently-bought-together .product-thumbs-slider {
margin-bottom: 30px;
}
.tf-product-volume-discount {
padding: 30px 15px;
border-radius: 16px;
border: 1px solid var(--line);
}
.tf-product-volume-discount .title-discount {
margin-bottom: 24px;
}
.tf-product-volume-discount .tf-btn {
margin-top: 42px;
}
.list-volume-discount .volume-discount-item {
padding: 15px;
gap: 14px;
border-radius: 8px;
border: 1px solid var(--line);
display: flex;
align-items: center;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item:not(:last-child) {
margin-bottom: 16px;
}
.list-volume-discount .volume-discount-item .content-discount {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
flex-wrap: wrap;
}
.list-volume-discount .volume-discount-item .name span {
color: var(--primary);
}
.list-volume-discount .volume-discount-item .info-discount,
.list-volume-discount .volume-discount-item .discount-price {
opacity: 0.8;
}
.list-volume-discount .volume-discount-item .check {
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
border: 1px solid #9a9a9a;
background-color: transparent;
flex-shrink: 0;
}
.list-volume-discount .volume-discount-item .check span {
width: 6px;
height: 6px;
border-radius: 50%;
display: block;
background-color: var(--white);
}
.list-volume-discount .volume-discount-item .discount-price {
display: flex;
align-items: center;
gap: 4px;
}
.list-volume-discount .volume-discount-item .discount-price .price-new {
color: var(--primary);
}
.list-volume-discount .volume-discount-item .discount-price .price-old {
color: var(--text);
font-size: 12px;
line-height: 18px;
text-decoration: line-through;
}
.list-volume-discount .volume-discount-item .tag-shipping {
border: 1px solid #22ae45;
border-radius: 4px;
padding: 4px 10px;
color: rgba(34, 174, 69, 0.8);
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item .tag-sale {
position: absolute;
padding: 6px 10px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
display: flex;
align-items: center;
gap: 4px;
color: var(--rgba-white);
top: -2px;
right: -15px;
border-radius: 4px;
border-radius: 4px;
animation: pulse-rotate 1s infinite;
}
.list-volume-discount .volume-discount-item .tag-sale .icon {
font-size: 14px;
color: var(--white);
}
.list-volume-discount .volume-discount-item .tag-sale.pos2 {
right: -15px;
animation-delay: 0.5s;
}
.list-volume-discount .volume-discount-item.active, .list-volume-discount .volume-discount-item:hover {
background-color: #22ae45;
border-color: #22ae45;
}
.list-volume-discount .volume-discount-item.active .check, .list-volume-discount .volume-discount-item:hover .check {
border-color: var(--white);
}
.list-volume-discount .volume-discount-item.active .discount-price .price-new,
.list-volume-discount .volume-discount-item.active .discount-price .price-old,
.list-volume-discount .volume-discount-item.active .info-discount,
.list-volume-discount .volume-discount-item.active span, .list-volume-discount .volume-discount-item:hover .discount-price .price-new,
.list-volume-discount .volume-discount-item:hover .discount-price .price-old,
.list-volume-discount .volume-discount-item:hover .info-discount,
.list-volume-discount .volume-discount-item:hover span {
color: var(--white);
}
.list-volume-discount .volume-discount-item.active .tag-shipping, .list-volume-discount .volume-discount-item:hover .tag-shipping {
border-color: var(--white);
color: var(--white);
}
.tf-product-volume-discount-thumbnail {
padding: 15px;
border-radius: 16px;
border: 1px solid var(--line);
overflow-x: auto;
padding: 20px 15px 30px;
}
.tf-product-volume-discount-thumbnail .title-discount {
margin-bottom: 30px;
}
.tf-product-volume-discount-thumbnail .list-volume-discount-thumbnail {
margin-bottom: 20px;
padding-bottom: 10px;
}
.list-volume-discount-thumbnail {
gap: 12px;
width: 100%;
max-width: 100%;
overflow-x: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: -15px;
padding-top: 15px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar-track {
background-color: var(--bg-scrollbar-track);
}
.list-volume-discount-thumbnail::-webkit-scrollbar-thumb {
background: var(--bg-scrollbar-thumb);
border-radius: 4px;
}
.volume-discount-thumbnail-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
padding: 24px 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 8px;
border: 2px solid var(--line);
position: relative;
}
.volume-discount-thumbnail-item .content-discount {
text-align: center;
}
.volume-discount-thumbnail-item .content-discount .price-new,
.volume-discount-thumbnail-item .content-discount .price-old,
.volume-discount-thumbnail-item .content-discount .count {
opacity: 0.8;
}
.volume-discount-thumbnail-item .content-discount .price-new {
font-weight: 500;
color: var(--primary);
}
.volume-discount-thumbnail-item .content-discount .price-old {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #b0b0b0;
}
.volume-discount-thumbnail-item .content-discount .tag-sold {
padding: 3px 8px;
border-radius: 4px;
background-color: #ff9148;
font-weight: 700;
font-size: 10px;
line-height: 14px;
height: 20px;
color: var(--white);
margin-left: 4px;
}
.volume-discount-thumbnail-item .image-box {
width: 140px;
height: 160px;
border-radius: 8px;
}
.volume-discount-thumbnail-item:hover, .volume-discount-thumbnail-item.active {
border-color: #22ae45;
background-color: #e9ffee;
}
.volume-discount-thumbnail-item .tag-sale {
animation: pulse2 1s infinite;
top: 0;
margin-top: -15px;
position: absolute;
padding: 6px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--rgba-white);
left: 15px;
right: 15px;
border-radius: 4px;
}
.volume-discount-thumbnail-item .tag-sale .icon {
font-size: 14px;
color: var(--white);
}
@keyframes pulse-rotate {
0% {
transform: scale(1) rotate(12deg);
}
50% {
transform: scale(1.05) rotate(12deg);
}
100% {
transform: scale(1) rotate(12deg);
}
}
.card-product.style-wishlist {
position: relative;
}
.card-product.style-wishlist > .icon {
position: absolute;
z-index: 25;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
font-size: 10px;
border: 0;
background-color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-product.style-wishlist > .icon:hover {
color: var(--primary);
}
.card-product.style-wishlist .list-product-btn {
bottom: 24px !important;
}
.card-product.style-2 .list-product-btn {
top: unset;
right: unset;
left: 50%;
transform: translateX(-50%);
bottom: 8px;
gap: 0;
flex-direction: row;
}
.card-product.style-2 .list-product-btn li {
transition-delay: unset !important;
}
.card-product.style-2 .list-product-btn li:first-child .box-icon {
border: 1px solid var(--line);
border-radius: 30px 0px 0px 30px;
}
.card-product.style-2 .list-product-btn li:last-child .box-icon {
border-radius: 0px 30px 30px 0px;
}
.card-product.style-2 .list-product-btn li:not(:first-child) .box-icon {
border: 1px solid var(--line);
border-left-color: var(--white);
}
.card-product.style-2 .list-product-btn .box-icon {
border-radius: unset;
}
.card-product.style-2 .list-product-btn .box-icon:hover {
border-color: var(--dark) !important;
}
.card-product.style-2 .list-product-btn .box-icon .icon-cart2 {
margin-left: 2px;
}
.card-product.style-3 .list-product-btn {
top: unset;
right: unset;
left: 50%;
transform: translateX(-50%);
bottom: 50px;
flex-direction: row;
}
.card-product.style-3 .list-product-btn .box-icon:hover {
border-color: var(--dark) !important;
}
.card-product.out-of-stock .card-product-info {
opacity: 0.6;
}
.card-product.out-of-stock .card-product-wrapper::before {
content: "Sold Out";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
width: 92px;
height: 92px;
border-radius: 50%;
background-color: var(--dark);
color: var(--white);
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 14px;
opacity: 1;
z-index: 5;
}
.card-product.out-of-stock .card-product-wrapper > * {
opacity: 0.6;
}
.card-product:not(.style-list) .size-box {
position: absolute;
bottom: 0;
z-index: 3;
left: 0px;
right: 0px;
pointer-events: none;
transition: 0.3s ease-out 0s;
background: rgba(146, 146, 146, 0.7098039216);
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 6px;
}
.card-product .product-btn-main {
position: absolute;
z-index: 5;
bottom: 8px;
right: 8px;
left: 8px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-flex;
gap: 4px;
}
.card-product .product-btn-main .btn-main-product {
background-color: var(--white);
border-radius: 54px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 6px;
width: 100%;
}
.card-product .product-btn-main .btn-main-product:hover {
background-color: var(--dark);
color: var(--white);
}
.card-product .product-btn-main .btn-main-product.add-to-cart {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
.card-product .product-btn-main .btn-main-product.quickview {
height: 36px;
width: 36px;
flex-shrink: 0;
display: none;
}
.card-product .product-btn-main .icon {
font-size: 17px;
}
.card-product .list-product-btn {
bottom: 10px;
}
.card-product .on-sale-wrap {
position: absolute;
top: 10px;
right: 10px;
left: 10px;
z-index: 5;
display: flex;
gap: 6px;
}
.card-product .on-sale-wrap.pos2 {
top: 10px;
right: 10px;
left: 10px;
}
.card-product .on-sale-wrap.type-2 .on-sale-item {
width: max-content;
}
.card-product .on-sale-item {
display: inline-flex;
justify-content: center;
align-items: center;
word-break: break-word;
padding: 0px 10px;
min-width: 50px;
width: max-content;
font-size: 13px;
font-weight: 500;
line-height: 26px;
height: 26px;
text-align: center;
text-transform: capitalize;
position: relative;
background-color: var(--primary);
color: var(--white);
border-radius: 22px;
}
.card-product .on-sale-item.trending {
background-color: #a474ff;
}
.card-product .on-sale-item.limited {
background-color: #ff9c39;
}
.card-product .on-sale-item.new {
background-color: #00bc29;
}
.card-product .price-wrap {
font-size: 16px;
line-height: 19.2px;
color: var(--dark);
}
.card-product .price-wrap .price-new {
margin-right: 4px;
color: var(--primary);
}
.card-product .card-product-wrapper {
aspect-ratio: 0.7037037037;
position: relative;
border-radius: 16px;
overflow: hidden;
z-index: 20;
}
.card-product .card-product-wrapper img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transition-duration: 700ms;
}
.card-product .card-product-wrapper:hover .product-img .img-product {
opacity: 0;
}
.card-product .card-product-wrapper:hover .product-img .img-hover {
display: block;
z-index: 1;
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.card-product .product-img {
display: flex;
width: 100%;
height: 100%;
position: relative;
align-items: stretch;
}
.card-product .product-img .img-hover {
position: absolute;
inset: 0;
opacity: 0;
}
.card-product .list-product-btn {
position: absolute;
display: flex;
align-items: center;
flex-direction: column;
gap: 8px;
top: 8px;
right: 8px;
z-index: 6;
}
.card-product .box-icon {
width: 35px;
height: 35px;
border-radius: 3px;
background-color: var(--white);
color: var(--dark);
position: relative;
border-radius: 50%;
}
.card-product .box-icon .icon {
font-size: 14px;
}
.card-product .box-icon svg {
width: 18px;
}
.card-product .box-icon svg path {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.card-product .box-icon:hover {
background-color: var(--dark) !important;
color: var(--white);
border-color: var(--dark);
}
.card-product .countdown-box {
display: none;
bottom: 24px;
position: absolute;
z-index: 3;
left: 0px;
right: 0px;
pointer-events: none;
transition: 0.3s ease-out 0s;
text-align: center;
overflow: hidden;
margin: 0 auto;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px;
max-height: 40px;
background-color: var(--white);
width: max-content;
border-radius: 22px;
color: var(--primary);
}
.card-product .countdown-box .countdown__timer {
display: flex;
gap: 4px;
}
.card-product .countdown-box .countdown__item {
font-size: 12px;
font-weight: 500;
line-height: 14px;
}
.card-product .countdown-box.style-2 {
background-color: #ffeded;
}
.card-product .countdown-box.style-3 {
padding: 10px 30px;
background-color: var(--primary);
color: var(--white);
gap: 10px;
}
.card-product .countdown-box.style-3 .icon {
font-size: 18px;
}
.card-product .countdown-box.pos1 {
bottom: 16px;
}
.card-product .card-product-info {
padding-top: 15px;
padding-bottom: 15px;
gap: 6px;
display: grid;
}
.card-product .card-product-info .inner-info-product {
display: grid;
gap: 6px;
}
.card-product .card-product-info .list-infor {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
max-width: max-content;
padding-top: 24px;
margin-left: auto;
margin-right: auto;
}
.card-product .card-product-info .list-infor .item {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.card-product .name-product {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-transform: capitalize;
}
.card-product .list-color-product {
margin-top: 2px;
}
.card-product .marquee-product {
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
left: 0;
bottom: 0;
overflow-x: hidden;
display: flex;
flex-direction: row;
width: 100%;
transform: none;
z-index: 5;
padding: 5px 0px;
background-color: #957127;
backdrop: blur(4px);
}
.card-product .marquee-product .infiniteslide {
gap: 24px;
}
.card-product .marquee-product .infiniteslide .brand-item {
height: unset;
opacity: 1 !important;
}
.card-product.style-list {
display: flex;
gap: 12px;
}
.card-product.style-list .product-img {
max-width: 342px;
}
.card-product.style-list .card-product-info {
gap: 12px;
display: grid;
align-content: flex-start;
width: 60%;
padding: 0;
flex-shrink: 0;
}
.card-product.style-list .info-list {
display: grid;
gap: 8px;
width: 100%;
}
.card-product.style-list .list-product-btn {
display: flex;
position: unset;
flex-direction: unset;
justify-content: flex-start;
gap: 10px;
}
.card-product.style-list .btn-main-product.add-to-cart {
max-width: 331px;
width: 100%;
text-transform: none;
}
.card-product.style-list .box-icon {
border: 1px solid var(--line);
flex-shrink: 0;
}
.card-product.style-list .box-icon:hover {
border-color: var(--line);
}
.card-product.style-list .size-box {
display: flex;
gap: 8px;
}
.card-product.style-center {
border-radius: 16px;
background-color: var(--white);
}
.card-product.style-center .card-product-wrapper {
aspect-ratio: 0.95;
}
.card-product.style-center .card-product-info {
padding: 20px 12px;
}
.card-product.style-center .list-color-product {
margin-top: 5px;
}
.card-product.style-center .countdown-box {
bottom: 0;
}
.card-product.style-center .swatch-value::before {
content: "";
position: absolute;
border-radius: 50%;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
border: 1px solid #dcdcdc;
}
.card-product .product-progress-sale {
display: grid;
gap: 6px;
margin-top: 5px;
}
.card-product .product-progress-sale .box-quantity {
gap: 4px;
}
.card-product .product-progress-sale .box-quantity .text-sold {
text-align: left;
}
.card-product .product-progress-sale .box-quantity .text-avaiable {
text-align: right;
}
.card-product .progress-sold {
width: 100%;
background-color: var(--line);
height: 6px;
position: relative;
border-radius: 6px;
}
.card-product .progress-bar {
position: relative;
height: 100%;
background-color: var(--primary);
transition: width 2s ease;
border-radius: 5px;
}
.card-product.style-4 .card-product-info {
padding: 20px 12px;
}
.card-product.style-4 .list-color-product {
gap: 4px;
margin-top: 4px;
}
.card-product.style-3 .product-btn-main .icon {
margin-top: -3px;
}
.card-product .stock {
font-size: 16px;
font-weight: 400;
line-height: 26px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-product .stock .dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
position: relative;
}
.card-product .stock .dot::after {
content: "";
position: absolute;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
border-radius: 50%;
z-index: 2;
}
.card-product .stock.in-stock {
color: #59a33b;
}
.card-product .stock.in-stock .dot {
background-color: rgba(120, 203, 87, 0.3411764706);
}
.card-product .stock.in-stock .dot::after {
background-color: #78cb57;
}
.card-product .stock.out-stock {
color: #ef5757;
}
.card-product .stock.out-stock .dot {
background-color: rgba(203, 87, 87, 0.3411764706);
}
.card-product .stock.out-stock .dot::after {
background-color: #ef5757;
}
.card-product .list-capacity-product .list-color-item {
width: unset;
height: unset;
border-radius: 35px;
border: 1px solid rgba(142, 142, 142, 0.2);
}
.card-product .list-capacity-product .list-color-item .text-quantity {
padding: 2px 12px;
}
.card-product .list-capacity-product .list-color-item.active {
border-color: var(--dark);
}
.card-product.style-5 {
border-radius: 16px;
background-color: var(--white);
}
.card-product.style-5 .card-product-info {
padding: 20px 12px 22px;
}
.card-product.style-5 .card-product-info .tf-btn {
width: 100%;
}
.card-product.style-5 .btn-addcart,
.card-product.style-5 .stock {
margin-top: 10px;
}
.card-product.style-border {
border: 1px solid var(--line);
border-radius: 16px;
position: relative;
}
.card-product.style-border .card-product-wrapper {
padding: 20px 12px;
}
.card-product.style-border .card-product-wrapper img {
height: auto;
}
.card-product.style-border .card-product-wrapper .list-product-btn {
bottom: 16px;
}
.card-product.style-border .countdown-box {
bottom: 16px;
}
.card-product.style-border .card-product-info {
padding: 0px 12px 20px;
}
.card-product.style-border .card-product-info .type {
opacity: 0.6;
}
.card-product.style-border-2 {
border: 1px solid var(--line);
border-radius: 16px;
}
.card-product.style-border-2 .card-product-wrapper {
padding: 12px;
padding-bottom: 20px;
}
.card-product.style-border-2 .product-img {
border-radius: 16px;
overflow: hidden;
}
.card-product.style-border-2 .card-product-info {
padding: 0px 12px 20px;
}
.card-product.style-border-2 .product-progress-sale {
margin: 6px 0px;
}
.card-product.style-border-2 .countdown-box {
bottom: 12px;
}
.card-product.style-border-2.border-type-3 .tf-btn {
margin-top: 8px;
}
.card-product.style-border-2.border-type-4 .card-product-wrapper {
padding: 12px 11px 8px;
}
.card-product.style-border-2.border-type-4 .card-product-info {
padding: 0px 12px 16px;
}
.card-product.style-border-2.border-type-4 .list-product-btn {
bottom: 8px;
}
.card-product.style-border-2.border-type-4 .list-product-btn .box-icon:hover {
background-color: var(--purple) !important;
border-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-4 .tooltip,
.card-product.style-border-2.border-type-4 .tooltip::before {
background-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-5 .product-progress-sale {
margin: 0;
}
.card-product.style-border-2.border-type-5 .card-product-info {
gap: 12px;
}
.card-product.style-border-2.style-box-bg .list-product-btn {
bottom: 14px;
}
.card-product.style-border-2.style-box-bg .list-product-btn .box-icon:hover {
background-color: var(--purple) !important;
border-color: var(--purple) !important;
}
.card-product.style-border-2.style-box-bg .tooltip,
.card-product.style-border-2.style-box-bg .tooltip::before {
background-color: var(--purple) !important;
}
.card-product.line-purple .countdown-box {
bottom: 14px;
}
.card-product.style-space .card-product-wrapper {
padding: 12px 10px 20px;
}
.card-product.style-space .card-product-info {
padding: 0px 10px 20px;
}
.card-product.style-space-2 .card-product-wrapper {
padding: 12px 10px 20px;
}
.card-product.style-space-2 .card-product-info {
padding: 0px 10px 20px;
}
.list-color-product {
display: flex;
flex-wrap: wrap;
gap: 3px;
align-items: center;
}
.list-color-product .list-color-item {
width: 20px;
height: 20px;
border: 1px solid transparent;
background-color: transparent;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.list-color-product .list-color-item .swatch-value {
width: 100%;
height: 100%;
border: 2px solid var(--white);
display: inline-block;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item img {
visibility: hidden;
width: 18px;
height: 18px;
position: absolute;
}
.list-color-product .list-color-item.style-img {
width: 40px;
height: 40px;
}
.list-color-product .list-color-item.style-img .swatch-value {
width: 32px;
height: 32px;
border: 0;
}
.list-color-product .list-color-item.style-img .swatch-value::before {
display: none;
}
.list-color-product .list-color-item.style-img .swatch-value .swatch-img {
position: unset;
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
visibility: visible;
}
.list-color-product .list-color-item.style-img.active, .list-color-product .list-color-item.style-img:hover {
border-color: var(--white) !important;
}
.list-color-product .list-color-item.line {
border: 1px solid transparent !important;
}
.list-color-product .list-color-item.line .swatch-value {
position: relative;
}
.list-color-product .list-color-item.line .swatch-value::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--rgba-dark-3);
top: 0;
left: 0;
z-index: 1;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item.active, .list-color-product .list-color-item:hover {
border-color: var(--dark) !important;
}
.list-color-product .list-color-item.active .swatch-value, .list-color-product .list-color-item:hover .swatch-value {
border-color: var(--white);
}
.list-color-product .list-color-item.active .swatch-value::before, .list-color-product .list-color-item:hover .swatch-value::before {
border-color: var(--line);
}
.list-color-product .list-color-item.active.border-color-black, .list-color-product .list-color-item:hover.border-color-black {
border-color: #252525 !important;
}
.list-color-product.style-2 .list-color-item.active .swatch-value, .list-color-product.style-2 .list-color-item:hover .swatch-value {
border-color: #e7ecd2;
}
.list-color-product.style-2 .swatch-value {
border: 2px solid #e7ecd2;
}
.price-wrap .price-old {
color: var(--dark);
opacity: 0.6;
position: relative;
}
.price-wrap .price-old::after {
content: "";
position: absolute;
width: 100%;
height: 0.5px;
background-color: var(--dark);
opacity: 0.6;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.price-wrap .price-old.old-line {
color: var(--line-3);
opacity: 1;
}
.price-wrap .price-old.old-line::after {
background-color: var(--line-3);
}
.tf-sticky-btn-atc {
position: fixed;
width: 100%;
bottom: 0;
z-index: 70;
box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.03);
background-color: var(--white);
transition: all 0.3s linear;
transform: translateY(100%);
}
.tf-sticky-btn-atc .tf-height-observer {
padding: 14px 0;
column-gap: 5px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
flex: 1 0 0%;
gap: 15px;
}
.tf-sticky-btn-atc .tf-sticky-atc-img {
width: 72px;
height: 72px;
flex-shrink: 0;
}
.tf-sticky-btn-atc .tf-sticky-atc-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.tf-sticky-btn-atc .tf-sticky-atc-variant-price {
min-width: 249px;
}
.tf-sticky-btn-atc .tf-sticky-atc-title {
font-size: 16px;
line-height: 19px;
}
.tf-sticky-btn-atc .tf-sticky-atc-btns,
.tf-sticky-btn-atc .tf-sticky-atc-infos form {
display: flex;
gap: 12px;
align-items: center;
}
.tf-sticky-btn-atc .tf-btn {
min-width: 190px;
}
.tf-sticky-btn-atc.show {
transform: translateY(0);
}
.product-skincare .tf-product-media-thumbs-1 .swiper-slide {
width: 109px !important;
height: 109px !important;
}
.product-skincare .tf-product-media-thumbs-1 img {
width: 109px !important;
height: 109px !important;
}
.form-group-product .tf-product-total-quantity {
display: grid;
gap: 12px;
}
.form-group-product .table-group-product {
margin-bottom: 24px;
overflow: auto;
}
.form-group-product .item-product {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.form-group-product .item-product:not(:last-child) {
margin-bottom: 16px;
}
.form-group-product .item-product .img-product {
width: 83px;
height: 83px;
border-radius: 4px;
}
.form-group-product .item-product .item-product-name {
display: flex;
align-items: center;
gap: 16px;
max-width: 265px;
width: 100%;
flex-shrink: 0;
}
.form-group-product .item-product .item-product-content {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.form-group-product .item-product .item-product-price {
max-width: 150px;
width: 100%;
flex-shrink: 0;
}
.form-group-product .item-product .price-new {
color: var(--primary);
}
.form-group-product .item-product .price-old {
color: var(--rgba-dark);
text-decoration: line-through;
}
.form-group-product .item-product .note {
margin-top: 6px;
font-size: 12px;
line-height: 18px;
}
.form-group-product .item-product .available {
color: var(--primary);
}
.form-group-product .item-product .in-stock {
color: #34a853;
}
.form-group-product .item-product .tf-btn,
.form-group-product .item-product .wg-quantity {
flex-shrink: 0;
}
.form-group-product .item-product .item-product-action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tf-product-cate-sku {
display: grid;
gap: 12px;
}
.tf-product-cate-sku .item-cate-sku {
display: flex;
align-items: center;
gap: 10px;
}
.tf-product-cate-sku .label {
color: var(--text);
}
.tf-product-heading .btn-out-stock {
margin-top: 8px;
}
.form-out-stock {
border-radius: 10px;
border: 1px solid var(--dark);
padding: 30px 15px;
display: grid;
gap: 24px;
}
.form-out-stock .box-title-out-stock {
display: grid;
gap: 12px;
}
.form-out-stock .group-form-field {
display: grid;
gap: 15px;
}
.tf-product-payment-shipping {
display: grid;
gap: 24px;
}
.form-buyX-getY {
border-radius: 16px;
border: 1px solid #272727;
padding: 30px 20px;
}
.form-buyX-getY .title-buyX-getY {
text-align: center;
margin-bottom: 32px;
}
.form-buyX-getY .tf-btn {
width: 100%;
}
.form-buyX-getY .item-product {
text-align: center;
padding: 12px;
border: 1px solid var(--line);
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.form-buyX-getY .item-product:hover {
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
}
.form-buyX-getY .item-product img {
width: 100%;
height: 100%;
object-fit: cover;
}
.form-buyX-getY .item-product .img-product {
border-radius: 8px;
overflow: hidden;
}
.form-buyX-getY .item-product select {
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
line-height: 20px;
color: rgba(102, 112, 133, 0.8);
border-radius: 6px;
}
.form-buyX-getY .item-product .info-product {
padding-top: 20px;
}
.form-buyX-getY .item-product .name-product {
margin-bottom: 10px;
display: block;
}
.form-buyX-getY .item-product .price-product {
display: inline-flex;
gap: 6px;
}
.form-buyX-getY .item-product .variant-product {
margin-top: 14px;
}
.form-buyX-getY .item-product .new-price {
color: var(--primary);
}
.form-buyX-getY .item-product .old-price {
text-decoration: line-through;
color: rgba(0, 0, 0, 0.6);
}
.form-buyX-getY .item-product .ribbon {
position: absolute;
top: -7px;
left: -7px;
background-color: #a78bfa;
color: var(--white);
padding: 5px;
padding-left: 14px;
padding-right: 28px;
text-transform: uppercase;
font-weight: 500;
clip-path: polygon(100% 0%, 86% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
z-index: 2;
}
.form-buyX-getY .item-product::before {
content: "";
position: absolute;
top: 26px;
left: -7px;
border-top: 7px solid #7154b4;
border-right: 7px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(90deg);
}
.form-buyX-getY .group-item-product {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-bottom: 32px;
}
.form-buyX-getY .group-item-product .arrow {
width: 52px;
height: 52px;
margin-left: -12px;
}
.tb-info-product {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
border-radius: 5px;
border-style: hidden;
box-shadow: 0 0 0 1px var(--line);
color: #1f1f1f;
}
.tb-info-product tr {
border: 1px solid var(--line);
vertical-align: middle;
}
.tb-info-product tr th {
padding: 10px 20px;
border-right: 1px solid var(--line);
font-weight: 500;
background-color: #f3f3f3;
}
.tb-info-product tr td {
padding: 10px 20px;
}
.wd-customer-review {
display: flex;
align-items: flex-start;
gap: 32px;
}
.wd-customer-review .review-heading {
max-width: 289px;
width: 100%;
display: grid;
justify-items: flex-start;
gap: 32px;
}
.wd-customer-review .review-heading .icon-star {
font-size: 15px;
color: #ff6f61;
}
.wd-customer-review .box-rate-review {
display: grid;
gap: 16px;
width: 100%;
}
.wd-customer-review .rating-summary {
display: flex;
justify-content: space-between;
align-items: center;
}
.wd-customer-review .rating-summary .list-star {
display: flex;
align-items: center;
gap: 5px;
}
.wd-customer-review .rating-breakdown-item {
display: flex;
align-items: center;
gap: 10px;
}
.wd-customer-review .rating-breakdown-item:not(:last-child) {
margin-bottom: 6px;
}
.wd-customer-review .rating-breakdown-item .rating-score {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
width: 34px;
flex-shrink: 0;
}
.wd-customer-review .rating-breakdown-item .rating-bar {
width: 100%;
height: 4px;
background-color: var(--line);
}
.wd-customer-review .rating-breakdown-item .value {
background-color: var(--dark);
height: 100%;
}
.wd-customer-review .review-section {
flex-grow: 1;
}
.wd-customer-review .review-item {
display: flex;
gap: 15px;
}
.wd-customer-review .review-item:not(:last-child) {
margin-bottom: 24px;
}
.wd-customer-review .review-item .review-avt {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.wd-customer-review .review-item .review-avt img {
width: 100%;
height: 100%;
}
.wd-customer-review .review-item .review-content {
display: grid;
gap: 15px;
}
.wd-customer-review .review-item .review-meta {
display: flex;
align-items: center;
gap: 10px;
}
.wd-customer-review .review-item .review-info {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.wd-customer-review .review-item .review-author {
padding-right: 10px;
position: relative;
}
.wd-customer-review .review-item .review-author::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 1px;
background-color: var(--line);
}
.wd-customer-review .review-item .list-star {
display: flex;
gap: 5px;
align-items: center;
}
.wd-customer-review .review-item .list-star .icon {
font-size: 15px;
color: var(--dark);
}
.wd-customer-review .review-item .star-4 .icon {
color: #d2d2d2;
}
.wd-customer-review .review-item .star-4 .icon:nth-child(1), .wd-customer-review .review-item .star-4 .icon:nth-child(2), .wd-customer-review .review-item .star-4 .icon:nth-child(3), .wd-customer-review .review-item .star-4 .icon:nth-child(4) {
color: var(--dark);
}
.wd-customer-review .review-item .star-3 .icon {
color: #d2d2d2;
}
.wd-customer-review .review-item .star-3 .icon:nth-child(1), .wd-customer-review .review-item .star-3 .icon:nth-child(2), .wd-customer-review .review-item .star-3 .icon:nth-child(3) {
color: var(--dark);
}
.wd-customer-review .review-item .star-2 .icon {
color: #d2d2d2;
}
.wd-customer-review .review-item .star-2 .icon:nth-child(1), .wd-customer-review .review-item .star-2 .icon:nth-child(2) {
color: var(--dark);
}
.wd-customer-review .review-item .star-1 .icon {
color: #d2d2d2;
}
.wd-customer-review .review-item .star-1 .icon:nth-child(1) {
color: var(--dark);
}
.wd-customer-review .review-list {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid var(--line);
}
.form-review .box-rating {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 24px;
}
.form-review .note,
.form-review .title {
margin-bottom: 24px;
}
.form-review .group-2-ip {
margin-bottom: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.form-review .check-save {
display: flex;
align-items: center;
gap: 8px;
margin-top: 24px;
}
.form-review .tf-btn {
margin-top: 32px;
max-width: 171px;
width: 100%;
} .list-rating-check {
display: flex;
flex-direction: row-reverse;
justify-content: left;
gap: 5px;
}
.list-rating-check:not(:checked) > input {
position: absolute;
opacity: 0;
}
.list-rating-check:not(:checked) > label {
font-size: 15px;
cursor: pointer;
white-space: nowrap;
width: 15px;
color: #D2D2D2;
transition: all 0.2s ease-in-out;
}
.list-rating-check:not(:checked) > label:before {
font-family: "icomoon";
content: "\e95b";
}
.list-rating-check > input:checked ~ label {
color: var(--dark);
}
.list-rating-check:not(:checked) > label:hover,
.list-rating-check:not(:checked) > label:hover ~ label {
color: var(--dark);
}
.list-rating-check > input:checked + label:hover,
.list-rating-check > input:checked + label:hover ~ label,
.list-rating-check > input:checked ~ label:hover,
.list-rating-check > input:checked ~ label:hover ~ label,
.list-rating-check > label:hover ~ input:checked ~ label {
color: var(--dark);
}
.offcanvas {
border: none !important;
color: var(--dark);
z-index: 1600;
}
.offcanvas .icon-close-popup {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
background: transparent;
font-size: 16px;
padding: 10px;
border: none;
color: var(--dark);
z-index: 10;
}
.offcanvas .icon-close-popup:hover {
color: var(--primary);
}
.offcanvas .offcanvas-content {
height: 100%;
}
.offcanvas-backdrop {
background-color: var(--backdrop);
z-index: 1500;
}
.offcanvas-backdrop.show {
opacity: 1;
}
.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar {
width: 0px;
}
.modal-backdrop {
background-color: var(--backdrop);
}
.modal-backdrop.show {
opacity: 1;
}
.modal-dialog-centered {
min-height: calc(100% - 60px);
}
.modal .icon-close,
.modal .icon-close-popup {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
background: transparent;
font-size: 16px;
padding: 10px;
border: none;
z-index: 10;
color: var(--dark);
}
.modal .icon-close:hover,
.modal .icon-close-popup:hover {
color: var(--primary);
}
.modal.fullRight .modal-dialog {
transform: translate(100%, 0);
min-width: 100%;
height: 100%;
margin: 0;
transition: transform 1s ease-out;
}
.modal.fullRight .modal-dialog .modal-content {
border-radius: 0;
border: 0;
margin: auto;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
top: 0;
padding: 0;
}
.modal.fullRight .modal-dialog .modal-content .modal-body {
overflow: auto;
padding: 0;
padding-bottom: 30px;
}
.modal.fullRight.show .modal-dialog {
transform: none;
transition: transform 0.4s ease-out;
}
.modal.fullLeft .modal-dialog {
transform: translate(-100%, 0) !important;
min-width: 100%;
height: 100%;
margin: 0;
transition: all 0.3s !important;
}
.modal.fullLeft .modal-dialog .modal-content {
border-radius: 0;
border: 0;
margin: auto;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
top: 0;
padding: 0;
}
.modal.fullLeft .modal-dialog .modal-content .modal-body {
overflow: auto;
padding: 0;
padding-bottom: 30px;
}
.modal.fullLeft.show .modal-dialog {
transform: translate(0, 0) !important;
}
.modal.fullBottom .modal-dialog {
transform: translate(0, 100%);
min-width: 100%;
height: 100%;
max-height: unset;
margin: 0;
transition: transform 0.3s linear !important;
}
.modal.fullBottom .modal-dialog .modal-content {
border-radius: 0;
border: 0;
margin: auto;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
padding: 0;
max-height: max-content;
}
.modal.fullBottom .modal-dialog .modal-content .modal-body {
overflow: auto;
padding: 0;
padding-bottom: 30px;
}
.modal.fullBottom.show .modal-dialog {
transform: translate(0, 0);
}
.modal.fade:not(.show) {
opacity: 0;
}
.modal .modal-content {
cursor: default;
border: 0;
overflow: hidden;
border-radius: 16px;
}
.modalCentered .modal-dialog {
margin: 30px auto;
padding-left: 15px;
padding-right: 15px;
}
.modalDemo .demo-title {
margin-top: 50px;
margin-bottom: 44px;
font-weight: 500;
text-align: center;
}
.modalDemo .modal-dialog {
max-width: 1540px;
margin-top: 8px;
margin-bottom: 8px;
height: calc(100vh - 16px);
}
.modalDemo .modal-content {
padding: 0 50px 40px;
background-color: var(--white);
width: 100%;
border-radius: 20px;
margin: 0 30px;
max-height: calc(100vh - 60px);
border: 0;
cursor: default;
overflow: hidden;
}
.modalDemo .mega-menu {
padding: 0 32px;
overscroll-behavior-y: contain;
overflow-y: auto;
}
.modalDemo .mega-menu::-webkit-scrollbar {
width: 6px;
}
.modalDemo .mega-menu::-webkit-scrollbar:hover {
width: 12px;
height: 12px;
}
.modalDemo .mega-menu::-webkit-scrollbar-thumb {
background: var(--line);
transition: all 0.3s ease;
}
.modalDemo .header {
position: relative;
}
.modalDemo .header .icon-close-popup {
position: absolute;
top: 18px;
right: 0;
}
.tf-product-modal .modal-dialog {
max-width: min(625px, 90vw);
}
.tf-product-modal .modal-dialog .modal-content {
padding: 38px 36px 40px;
margin-left: 0;
margin-right: 0;
border: 0;
}
.tf-product-modal .modal-dialog .modal-content .header {
margin-bottom: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.tf-product-modal .modal-dialog .modal-content .header .demo-title {
margin: 0;
text-align: start;
font-size: 26px;
font-weight: 400;
line-height: 31px;
}
.tf-product-modal .modal-dialog .modal-content .header span {
position: unset;
color: var(--dark);
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-product-modal .modal-dialog .modal-content .header span:hover {
color: var(--primary);
}
.tf-product-modal .modal-dialog .modal-content h6 {
font-weight: 600;
line-height: 24px;
margin-bottom: 25px;
}
.tf-product-modal .modal-dialog .modal-content .title {
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin-top: 15px;
}
.tf-product-modal .modal-dialog .modal-content p {
margin-top: 15px;
margin-bottom: 20px;
}
.tf-product-modal .tf-social-icon .box-icon {
width: 40px;
height: 40px;
border-radius: 999px;
font-size: 16px;
color: var(--white);
}
.tf-product-modal .tf-social-icon .box-icon.social-x {
font-size: 12px;
background: var(--twitter-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-facebook {
background: var(--facebook-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-instagram {
background: var(--instagram-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-tiktok {
background: var(--tiktok-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-pinterest {
background: var(--pinterest-cl);
}
.tf-product-modal .form-share {
margin-top: 20px;
position: relative;
}
.tf-product-modal .form-share .button-submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
}
.tf-product-modal .form-share .button-submit .tf-btn {
padding: 10px 18px;
}
.tf-product-modal .form-share input {
padding-right: 80px;
}
#ask_question fieldset {
margin-bottom: 15px;
}
#ask_question fieldset label {
margin-bottom: 5px;
font-weight: 400;
color: var(--text);
}
#ask_question fieldset input {
height: 50px;
}
#ask_question textarea {
height: 176px;
}
#ask_question button {
border-radius: 4px;
}
#delivery_return .tf-product-popup-delivery .title {
font-size: 20px;
font-weight: 400;
line-height: 36px;
margin-bottom: 25px;
margin-top: 0;
}
#delivery_return .tf-product-popup-delivery p {
color: rgb(134, 134, 134);
line-height: 22.4px;
margin-bottom: 10px;
}
#delivery_return .tf-product-popup-delivery p a {
color: rgb(134, 134, 134);
text-decoration: underline;
text-underline-offset: 3px;
}
#delivery_return .tf-product-popup-delivery p a:hover {
color: var(--dark);
text-decoration-thickness: 2px;
}
#delivery_return .tf-product-popup-delivery:not(:last-child) {
margin-bottom: 20px;
}
.canvas-wrapper {
padding: 0;
isolation: isolate;
height: 100%;
width: 100%;
max-height: none;
display: grid;
grid-auto-rows: auto minmax(0, 1fr) auto;
align-content: start;
}
.canvas-body {
background-color: var(--white);
padding: 15px 20px;
overscroll-behavior-y: contain;
overflow-y: auto;
}
.canvas-body::-webkit-scrollbar {
width: 5px;
}
.canvas-body::-webkit-scrollbar-track {
background-color: var(--bg-scrollbar-track);
}
.canvas-body::-webkit-scrollbar-thumb {
background: var(--bg-scrollbar-thumb);
border-radius: 4px;
}
.canvas-sidebar {
max-width: 320px;
width: 100%;
}
.canvas-sidebar .canvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
position: relative;
text-transform: capitalize;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--dark);
}
.canvas-sidebar .canvas-header .icon-close-popup {
font-size: 12px;
height: 32px;
width: 32px;
display: flex;
justify-content: end;
align-items: center;
cursor: pointer;
}
.canvas-sidebar .canvas-header::after {
position: absolute;
content: "";
bottom: 0;
left: 15px;
right: 15px;
height: 1px;
background-color: var(--line);
}
.canvas-sidebar .list-icon-box .tf-icon-box:not(:last-child) {
margin-bottom: 24px;
}
.canvas-sidebar .list-recent li:not(:last-child) {
margin-bottom: 20px;
}
.canvas-sidebar .mega-box:not(:last-child) {
margin-bottom: 32px;
}
.canvas-compare {
height: max-content !important;
z-index: 5000;
}
.canvas-compare .close-popup {
position: absolute;
top: 30px;
right: 30px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
cursor: pointer;
}
.canvas-compare .canvas-body {
padding: 28px 0;
}
.popup-quickadd .modal-content {
padding: 30px 15px;
}
.popup-quickadd .main-product-quickadd .item-product-info {
display: flex;
align-items: center;
margin-bottom: 32px;
gap: 20px;
padding: 0;
}
.popup-quickadd .main-product-quickadd .price-wrap {
display: flex;
gap: 6px;
}
.popup-quickadd .main-product-quickadd .price-new {
margin-right: 0;
font-weight: 500;
}
.popup-quickadd .main-product-quickadd .product-img {
max-width: 112px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.popup-quickadd .main-product-quickadd .content-box {
display: grid;
gap: 8px;
}
.popup-quickadd .main-product-quickadd .price-show-badge {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.popup-quickadd .main-product-quickadd .quickadd-variant-color {
margin-bottom: 24px;
}
.popup-quickadd .main-product-quickadd .variant-label {
margin-bottom: 12px;
font-family: "DM Sans", sans-serif;
}
.popup-quickadd .main-product-quickadd .variant-value {
font-weight: 600;
text-transform: capitalize;
}
.popup-quickadd .main-product-quickadd .list-size {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.popup-quickadd .main-product-quickadd .size-btn {
width: 38px;
height: 38px;
border-radius: 50%;
background-color: var(--white);
border: 1px solid var(--line);
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: var(--dark);
padding: 12px;
}
.popup-quickadd .main-product-quickadd .size-btn.active {
border: 1px solid var(--dark);
}
.popup-quickadd .main-product-quickadd .item-product-variant {
margin-bottom: 24px;
}
.main-product-quickadd .item-product-quantity {
margin-bottom: 32px;
}
.main-product-quickadd .item-product-quantity .label {
font-family: "DM Sans", sans-serif;
margin-bottom: 10px;
}
.main-product-quickadd .wg-quantity {
display: inline-flex;
}
.main-product-quickadd .item-product-group-btn {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 15px;
column-gap: 12px;
margin-bottom: 32px;
}
.main-product-quickadd .item-product-group-btn .atc {
flex-grow: 1;
}
.main-product-quickadd .item-product-group-btn .box-icon {
border: 1px solid var(--line);
font-size: 14px;
width: 42px;
height: 42px;
padding: 12px;
}
.main-product-quickadd .payment-link {
font-size: 14px;
line-height: 120%;
color: var(--text);
font-weight: 400;
display: flex;
justify-content: center;
margin: auto;
}
.main-product-quickadd .payment-link::after {
background-color: var(--text);
}
.modal-quick-view .modal-dialog {
max-width: 1130px;
}
.modal-quick-view .modal-content {
border-radius: 16px;
}
.modal-quick-view .tf-product-media-wrap {
padding: 0;
}
.modal-quick-view .tf-product-media-wrap .item {
width: 100%;
height: 100%;
}
.modal-quick-view .tf-product-media-wrap .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-quick-view .tf-product-info-wrap {
flex: 0 0 auto;
max-width: 100%;
flex-grow: 1;
position: relative;
margin: 0;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner {
padding: 15px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar {
width: 6px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar-thumb {
background: var(--primary);
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar-track {
background: var(--line);
}
.modal-quick-view .tf-product-info-wrap .tf-product-heading {
padding-bottom: 0;
border: 0;
margin-bottom: 20px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-heading .product-name {
line-height: 29px;
margin-bottom: 14px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-heading .product-price {
margin-bottom: 14px;
gap: 6px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-heading .product-price .price-old,
.modal-quick-view .tf-product-info-wrap .tf-product-heading .product-price .price-new {
line-height: 29px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-heading .text {
font-size: 14px;
line-height: 22.4px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant {
gap: 20px;
margin-bottom: 30px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant .variant-picker-label {
font-family: "DM Sans";
font-size: 16px;
font-weight: 700;
line-height: 19.2px;
letter-spacing: -0.03em;
margin-bottom: 12px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant .variant-picker-label-value {
font-weight: 700;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant .color-btn {
width: 34px !important;
height: 34px !important;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant .color-btn .check-color {
width: 28px !important;
height: 28px !important;
}
.modal-quick-view .tf-product-info-wrap .tf-btn {
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.03em;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity {
margin-bottom: 30px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity .group-btn {
margin-bottom: 17px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity .more-choose-payment {
margin-top: 7px;
}
.modal-quick-view .tf-product-info-wrap .view-details {
display: inline-flex;
gap: 4px;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 16.8px;
}
.modal-quick-view .tf-product-info-wrap .view-details .icon {
font-size: 12px;
}
.modal-find-size .modal-dialog {
max-width: 780px;
}
.modal-find-size .modal-dialog .modal-content {
padding: 24px 15px;
}
.modal-find-size .header {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid rgba(161, 161, 161, 0.2);
margin-bottom: 30px;
}
.modal-find-size .header .heading {
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.modal-find-size .header span {
font-size: 16px;
}
.modal-find-size .title {
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
margin-bottom: 24px;
}
.modal-find-size .tf-sizeguide-table {
border: 1px solid var(--line);
border-radius: 5px;
width: 100%;
margin-bottom: 24px;
}
.modal-find-size .tf-sizeguide-table th {
border: 1px solid var(--line);
padding: 10px;
font-weight: 500;
line-height: 17px;
}
.modal-find-size .tf-sizeguide-table td {
border: 1px solid var(--line);
border-width: 0 1px 1px 0;
padding: 10px;
line-height: 17px;
}
.modal-find-size .tf-page-size-chart-content ul {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 15px;
}
.modal-find-size .tf-page-size-chart-content ul .text {
font-size: 14px;
font-weight: 500;
line-height: 16.8px;
}
.popup-pickup-available .pickup-available-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.popup-pickup-available .pickup-available-item .title {
margin-bottom: 8px;
}
.popup-pickup-available .pickup-available-item .desc {
margin-bottom: 12px;
}
.popup-pickup-available .pickup-available-item ul {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 12px;
}
.popup-pickup-available .pickup-available-item a {
display: flex;
align-items: center;
gap: 8px;
}
.popup-pickup-available .pickup-available-item a .icon {
font-size: 10px;
}
.modal-before-you-leave .modal-content {
max-width: 485px;
}
.modal-before-you-leave .modal-inner {
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.modal-before-you-leave .modal-inner .icon-close {
font-size: 16px;
position: absolute;
top: 20px;
right: 20px;
}
.modal-before-you-leave .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-before-you-leave .content {
margin: 0 32px;
padding: 32px 0;
border-bottom: 1px solid var(--line);
margin-bottom: 32px;
}
.modal-before-you-leave .content > .heading {
margin-bottom: 24px;
}
.modal-before-you-leave .content > p {
font-size: 16px;
font-weight: 400;
line-height: 19.2px;
margin-bottom: 10px;
}
.modal-before-you-leave .content > p span {
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
}
.modal-before-you-leave .content .wrap-code {
margin-bottom: 24px;
}
.modal-before-you-leave .tf-mini-cart-sroll {
padding: 0 32px 32px;
}
.modal-before-you-leave .tf-mini-cart-sroll .tf-minicart-recommendations-title {
margin-bottom: 18px;
}
.wrap-code {
display: flex;
}
.wrap-code .text {
font-size: 14px;
font-weight: 400;
line-height: 16.8px;
place-content: center;
}
.wrap-code .coppyText {
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
color: var(--primary);
margin-left: 4px;
}
.wrap-code .btn-coppy-text {
font-size: 12px;
color: #868686;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-left: 4px;
}
.wrap-code .btn-coppy-text:hover {
color: var(--primary) !important;
}
.wrap-code.style-1 {
border-radius: 6px;
border: 1px solid var(--line);
padding: 14px 11px;
display: block;
position: relative;
padding-right: 112px;
}
.wrap-code.style-1 .coppyText {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #667085;
margin: 0;
overflow-x: auto;
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar {
height: 0;
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar-thumb {
background: var(--primary);
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar-track {
background: var(--line);
}
.wrap-code.style-1 .btn-coppy-text {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
border-radius: 3px;
cursor: pointer;
padding: 12px 33.5px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: var(--white);
}
.popup-style-1 {
width: 100% !important;
max-width: 340px;
}
.popup-style-1 .modal-content {
cursor: default;
max-width: 520px;
}
.popup-style-1 .popup-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32px;
padding-bottom: 10px;
position: relative;
text-transform: capitalize;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--dark);
border-bottom: 0;
border-radius: 0;
}
.popup-style-1 .popup-header::after {
position: absolute;
content: "";
bottom: 0;
height: 1px;
background-color: var(--line);
left: 32px;
right: 32px;
}
.popup-style-1 .popup-inner {
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px;
overflow-y: auto;
}
.form-login {
display: flex;
flex-direction: column;
gap: 32px;
}
.form-login .text {
margin-bottom: 24px;
}
.form-login .button-wrap {
display: flex;
gap: 10px;
}
.form-login .bot a {
text-decoration: underline;
}
.form-login .bot a:hover {
color: var(--primary) !important;
}
.popup-login {
width: 100%;
}
.popup-login .other-login p {
margin-bottom: 24px;
}
.popup-login .other-login a {
padding: 14px;
position: relative;
text-align: center;
background-color: #3b5998;
border-radius: 99px;
color: var(--white);
}
.popup-login .other-login a .icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.modal-dialog-centered .icon-close {
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
padding: 15px;
z-index: 123;
}
.modal-newsletter .modal-dialog {
max-width: 674px;
}
.modal-newsletter .modal-content {
border-radius: 16px;
}
.modal-newsletter .form-newsletter input {
background-color: transparent;
}
.modal-newsletter .modal-top img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-newsletter .modal-bottom {
padding: 32px;
max-width: 448px;
margin: 0 auto;
}
.modal-newsletter .modal-bottom .title {
margin-bottom: 10px;
}
.modal-newsletter .modal-bottom .text {
margin-bottom: 32px;
}
.modal-newsletter .modal-bottom .form-newsletter,
.modal-newsletter .modal-bottom .tf-social-icon {
margin-bottom: 20px;
}
.modal-newsletter.style-absolute .modal-dialog {
max-width: 1030px;
}
.modal-newsletter.style-absolute .modal-bottom {
position: absolute;
max-width: 450px;
width: 100%;
padding: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-newsletter.style-row .modal-dialog {
max-width: 1030px;
}
.modal-newsletter.style-row .modal-top {
width: 44.8%;
flex-shrink: 0;
}
.modal-newsletter.style-row .modal-bottom {
width: 55.2%;
max-width: unset;
place-content: center;
}
.modal-newsletter.style-row .modal-content {
border-radius: 20px;
}
.modal-newsletter .form-newsletter fieldset input {
padding-left: 66px;
}
.modal-newsletter .form-newsletter fieldset .icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 17px;
}
.popup-search .header {
position: fixed;
padding: 8px 15px;
display: flex;
justify-content: flex-end;
z-index: 50;
top: 0;
left: 0;
right: 0;
background-color: var(--white);
}
.popup-search .modal-content {
overflow-y: auto;
padding: 68px 0;
height: 100%;
border-radius: 0;
}
.popup-search .looking-for-wrap {
text-align: center;
margin-bottom: 50px;
}
.popup-search .heading {
font-size: 32px;
font-weight: 500;
line-height: 38.4px;
margin-bottom: 42px;
}
.popup-search .form-search {
margin-bottom: 32px;
}
.popup-search .form-search input {
border-radius: 99px;
font-size: 16px;
line-height: 120%;
}
.popup-search .form-search input::placeholder {
color: #000000;
}
.popup-search .form-search button {
right: 20px;
}
.popup-search .popular-searches {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
font-size: 16px;
line-height: 120%;
}
.popup-search .popular-searches ul {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.popup-search .popular-searches ul a {
padding: 9px 19px;
border-radius: 10px;
background-color: #f9f9f9;
border: 1px solid rgba(161, 161, 161, 0.2);
}
.popup-search .featured-product .featured-product-heading {
margin-bottom: 30px;
}
.popup-search.type-search-product .top-title {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid rgba(161, 161, 161, 0.2);
margin-bottom: 42px;
}
.popup-search.type-search-product .top-title .title {
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.popup-search.type-search-product .top-title a {
font-size: 14px;
font-weight: 500;
line-height: 22.4px;
text-decoration-line: underline;
}
.popup-search.type-search-product .wrapper-shop {
row-gap: 42px;
}
.popup-search.type-search-product .list-articals {
display: flex;
flex-direction: column;
gap: 20px;
}
.popup-search.type-search-product .list-articals .item {
display: flex;
gap: 11px;
}
.popup-search.type-search-product .list-articals .item .img-box {
border-radius: 8px;
overflow: hidden;
width: 128px;
height: 128px;
flex-shrink: 0;
}
.popup-search.type-search-product .list-articals .item .content {
display: flex;
flex-direction: column;
gap: 6px;
}
.popup-search.type-search-product .list-articals .item .title {
font-size: 16px;
font-weight: 500;
line-height: 25.6px;
}
.popup-search.type-search-product .list-articals .item .date-post {
font-size: 14px;
line-height: 16.8px;
}
.modal-compare .modal-dialog {
max-width: 1194px;
}
.modal-compare .modal-content {
border-radius: 16px;
padding: 48px 30px 29px 30px;
}
.modal-compare .title {
line-height: 29px;
margin-bottom: 45px;
}
.modal-compare .tf-compare-inner {
overflow-x: auto;
margin-bottom: 22px;
padding-bottom: 20px;
}
.modal-compare .tf-compare-inner::-webkit-scrollbar {
height: 8px;
}
.modal-compare .tf-compare-inner::-webkit-scrollbar-thumb {
background: var(--primary);
}
.modal-compare .tf-compare-inner::-webkit-scrollbar-track {
background: var(--line);
}
.modal-compare .tf-compare-list {
display: flex;
gap: 24px;
width: max-content;
margin-left: auto;
margin-right: auto;
}
.modal-compare .tf-compare-item {
width: 232px;
min-width: 232px;
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
padding: 0;
}
.modal-compare .tf-compare-item .icon-close {
position: absolute;
z-index: 5;
top: 12px;
right: 12px;
width: 48px;
height: 48px;
border: 1px solid var(--line);
background-color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.modal-compare .tf-compare-item .image {
border-radius: 16px;
max-height: 328px;
overflow: hidden;
}
.modal-compare .tf-compare-item .content {
display: flex;
flex-direction: column;
gap: 10px;
}
.modal-compare .tf-compare-item .content .text-title {
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.modal-compare .tf-compare-item .content .price-wrap {
font-weight: 500;
font-size: 16px;
}
.modal-compare .tf-compare-buttons {
display: flex;
gap: 20px;
}
.modal-compare .tf-compare-buttons .tf-btn {
font-family: "DM Sans", sans-serif;
max-width: 190px;
width: 100%;
font-weight: 600;
}
.modal-share-social .wrap-code {
margin-bottom: 32px;
}
.popup-style-2 .modal-dialog {
max-width: 596px;
}
.popup-style-2 .modal-content {
padding: 32px 32px 41px;
}
.popup-style-2 .modal-header {
margin-bottom: 32px;
padding: 0;
padding-bottom: 10px;
}
.popup-style-2 .modal-header .icon-close {
font-size: 16px;
}
.modal-order-detail .modal-dialog {
max-width: 1226px;
}
.modal-order-detail .modal-dialog .modal-content {
padding: 24px 15px;
}
.modal-order-detail .header {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid rgba(161, 161, 161, 0.2);
margin-bottom: 30px;
}
.modal-order-detail .header .heading {
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.modal-order-detail .header .icon-close {
position: unset;
display: flex;
align-items: center;
font-size: 16px;
padding: 0px 15px;
}
.modal-order-detail .list-infor {
display: flex;
gap: 15px 24px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-bottom: 44px;
}
.modal-order-detail .list-infor li {
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.modal-order-detail .list-infor li:not(:last-child) {
position: relative;
padding-right: 24px;
}
.modal-order-detail .list-infor li:not(:last-child)::after {
content: "";
position: absolute;
display: block;
right: 0px;
top: 1.5px;
bottom: 1.5px;
width: 1px;
height: 100%;
background-color: var(--line);
}
.modal-order-detail table {
margin-bottom: 42px;
text-align: center;
}
.modal-order-detail table td,
.modal-order-detail table th {
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.modal-order-detail table thead,
.modal-order-detail table th {
padding: 15px 0px;
}
.modal-order-detail table thead tr {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.modal-order-detail table tbody {
overflow: auto;
}
.modal-order-detail table tbody::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.modal-order-detail table tbody::-webkit-scrollbar-thumb {
background: var(--surface);
border-radius: 999px;
}
.modal-order-detail table tbody tr:not(:last-child) {
border-bottom: 1px solid var(--line);
}
.modal-order-detail table td:first-child,
.modal-order-detail table th:first-child {
text-align: start;
}
.modal-order-detail table .infor-content {
display: flex;
gap: 10px;
align-items: center;
padding: 30px 0;
}
.modal-order-detail table .infor-content .image {
width: 98px;
height: 130px;
border-radius: 4px;
overflow: hidden;
}
.modal-order-detail table .infor-content .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-order-detail table .infor-content .size {
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: rgba(0, 0, 0, 0.6);
margin-top: 10px;
}
.modal-order-detail table .subtotal-text,
.modal-order-detail table .subtotal-price {
padding: 30px 15px;
}
.modal-order-detail .tb-order-detail {
margin-bottom: 42px;
}
.modal-order-detail .tb-order-detail .title {
padding: 15px 0px;
}
.modal-order-detail .tb-order-detail .item {
font-size: 16px;
font-weight: 500;
line-height: 19px;
width: 225px;
text-align: center;
}
.modal-order-detail .tb-order-detail .item:first-child {
width: unset;
text-align: start;
flex-grow: 1;
}
.modal-order-detail .tb-order-detail .top {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
display: flex;
align-items: center;
justify-content: space-between;
}
.modal-order-detail .tb-order-detail .order-detail-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
}
.modal-order-detail .tb-order-detail .order-detail-item:not(:last-child) {
border-bottom: 1px solid var(--line);
}
.modal-order-detail .tb-order-detail .tb-content {
overflow: auto;
height: 461px;
}
.modal-order-detail .tb-order-detail .tb-content::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.modal-order-detail .tb-order-detail .tb-content::-webkit-scrollbar-thumb {
background: #b4b4b4;
border-radius: 999px;
}
.modal-order-detail .tb-order-detail .tb-content .subtotal {
position: sticky;
bottom: 0;
background-color: var(--white);
padding: 0;
}
.modal-order-detail .tb-order-detail .infor-content {
display: flex;
gap: 10px;
align-items: center;
}
.modal-order-detail .tb-order-detail .infor-content .image {
width: 98px;
height: 130px;
border-radius: 4px;
overflow: hidden;
}
.modal-order-detail .tb-order-detail .infor-content .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.modal-order-detail .tb-order-detail .infor-content a {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.modal-order-detail .tb-order-detail .infor-content .size {
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: rgba(0, 0, 0, 0.6);
margin-top: 10px;
}
.modal-order-detail .tb-order-detail .subtotal-text,
.modal-order-detail .tb-order-detail .subtotal-price {
padding: 30px 15px;
}
.modal-order-detail .bottom {
font-size: 16px;
line-height: 19px;
}
.cookie-banner {
position: fixed;
bottom: 20px;
left: 20px;
border-radius: 20px;
right: 20px;
max-width: 368px;
background-color: var(--dark);
z-index: 1000;
}
.cookie-banner .overplay {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.cookie-banner .content {
position: relative;
padding: 20px;
}
.cookie-banner p {
margin-bottom: 20px;
color: var(--white);
}
.cookie-banner .button-group {
display: flex;
gap: 10px;
align-items: center;
}
.cookie-banner .button-group .tf-btn {
font-size: 14px;
font-weight: 500;
line-height: 24px;
width: 100%;
padding: 7px 7px;
}
.tf-toolbar-bottom {
display: none;
padding: 11px 15px 12px;
position: fixed;
z-index: 200;
bottom: 0;
right: 0;
left: 0;
border-top: 1px solid #eeeeee;
background-color: var(--white);
box-shadow: 0px 4px 20px 0px rgba(163, 163, 163, 0.2784313725);
}
.tf-toolbar-bottom .toolbar-item {
flex: 1 0 20%;
position: relative;
}
.tf-toolbar-bottom .toolbar-item a {
width: 100%;
padding-right: 10px;
padding-left: 10px;
gap: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.tf-toolbar-bottom .toolbar-item a .toolbar-icon {
width: 20px;
height: 20px;
position: relative;
}
.tf-toolbar-bottom .toolbar-item a .toolbar-count {
position: absolute;
top: -6px;
right: -6px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary);
border-radius: 50%;
font-size: 10px;
font-weight: 500;
line-height: 15px;
color: var(--white);
}
.tf-toolbar-bottom .toolbar-item a .toolbar-label {
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.popup-product .modal-dialog {
max-width: 1243px;
}
.popup-product .modal-content {
padding: 24px 15px 32px;
}
.popup-product .modal-header {
flex-direction: column;
gap: 8px;
justify-content: center;
padding: 0;
border: 0;
margin-bottom: 40px;
}
.popup-product .modal-header .countdown__timer {
display: flex;
gap: 6px;
align-items: center;
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
.popup-product .modal-header .countdown__timer .countdown__value {
color: var(--primary);
margin-right: 6px;
}
.popup-product .modal-header .countdown__timer .countdown__item:first-child {
display: none;
}
.popup-product .modal-body {
padding: 0;
}
.popup-product .box-hurry-up {
display: flex;
gap: 8px;
align-items: center;
}
.popup-product .tf-swiper .sw-dot-default {
margin-top: 5px;
}  @media (min-width: 768px) and (max-width: 1200px) {
.flat-wrapper-lookbook .image-lookbook .pin-1 {
left: 2%;
bottom: 38%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.sb-contact {
padding: 30px 15px;
}
.form-buyX-getY .group-item-product {
flex-direction: column;
align-items: unset;
}
.form-buyX-getY .group-item-product .arrow {
margin-top: -12px;
margin-left: auto;
margin-right: auto;
transform: rotate(90deg);
}
}
@media (min-width: 576px) {
.tf-grid-layout.sm-col-2 {
grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.sm-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.sm-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.sm-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.sm-col-6 {
grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.sm-col-7 {
grid-template-columns: repeat(7, 1fr);
}
.dropdown-filter .dropdown-menu {
min-width: 250px;
}
.popup-style-1 {
max-width: 520px;
}
.footer-default .footer-body {
padding-top: 60px;
padding-bottom: 60px;
}
.row-footer {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 32px;
column-gap: 24px;
}
.row-footer .s3 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
grid-column: 1/-1;
}
.slider-default .content-slider.style-2 {
padding: 30px 24px;
}
.slider-default .parallax-wrap {
padding: 150px 0px;
}
.s-banner-cd-baby .wg-countdown .countdown__timer {
gap: 10px;
}
.s-banner-cd-baby .wg-countdown .countdown__item {
width: 90px;
height: 90px;
}
.slider-pod .content-slider {
max-width: 550px;
}
}
@media (min-width: 768px) {
.tf-page-title {
padding: 64px 0px;
}
.tf-page-title .box-title {
gap: 24px;
}
.form-out-stock {
padding: 30px;
}
.form-buyX-getY {
padding: 30px;
}
.md-radius-80 {
border-radius: 80px;
}
.px-30 {
padding-left: 30px;
padding-right: 30px;
}
.footer-info,
.footer-heading {
margin-bottom: 24px;
}
.footer-style-2 {
margin: 0px 15px 80px;
}
#goTop.pos1 {
bottom: 210px;
}
.wrapper-wishlist.wrapper-wishlist {
row-gap: 40px;
}
.flat-wrapper-iconbox > .title {
top: -12%;
}
.s2-banner-with-text {
gap: 60px;
flex-direction: row;
}
.s3-banner-with-text {
flex-direction: row;
gap: 14px;
}
.s3-banner-with-text .image-banner {
width: 59.4%;
}
.slider-style-2 .wrap-pagination {
right: 50%;
}
.popup-search .header {
padding: 15px 30px;
}
.popup-search .form-search input {
height: 60px;
}
.popup-product .modal-content {
padding: 32px 60px 40px;
}
.popup-product .modal-header .countdown__timer {
font-size: 24px;
line-height: 32px;
}
.fl-order-testimonial {
padding: 32px 60px;
}
.tf-compare-col {
min-width: 300px;
}
.table-page-cart .tf-cart-item .wg-quantity {
width: 102px;
height: 48px;
}
.tf-main-success .box-ship-address {
padding: 32px;
}
.modal-quick-view .modal-content {
flex-direction: row;
}
.modal-quick-view .tf-product-media-wrap {
width: 43.4%;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner {
position: absolute;
inset: 0;
overflow-y: auto;
padding: 32px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-variant {
margin-bottom: 34px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity {
margin-bottom: 32px;
}
.popup-shopping-cart.style-2 .modal-content,
.popup-shopping-cart.style-2 .canvas-wrapper {
flex-direction: row;
}
.popup-shopping-cart.style-2 .also-like-product {
width: 228px;
flex-shrink: 0;
position: relative;
}
.popup-shopping-cart.style-2 .also-like-product .also-like-product-wrap {
padding: 33px 28px 33px 36px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: auto;
flex-direction: column;
}
.popup-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar {
width: 4px;
}
.popup-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar-thumb {
background: var(--primary);
}
.popup-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar-track {
background: var(--line);
}
.popup-shopping-cart.style-2 .also-like-product .tf-mini-cart-item {
flex-direction: column;
min-width: unset;
}
.popup-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-image {
width: 156px;
height: 222px;
}
.popup-shopping-cart.style-empty .cart-empty-wrap {
padding: 27px 15px;
}
.popup-shopping-cart.style-empty .cart-empty-wrap img {
margin-bottom: 32px;
width: auto;
}
.popup-shopping-cart.style-empty .cart-empty-wrap p {
margin-bottom: 24px;
}
.popup-pickup-available .modal-inner {
padding: 40px 32px;
}
.popup-pickup-available .pickup-available-list {
gap: 40px;
}
.modal-find-size .header {
margin-bottom: 40px;
}
.modal-find-size .tf-sizeguide-table {
margin-bottom: 42px;
}
.modal-find-size .modal-dialog .modal-content {
padding: 32px;
}
.modal-find-size .tf-page-size-chart-content {
display: grid;
gap: 10px;
grid-template-columns: 6fr 6fr;
}
.modal-find-size .tf-page-size-chart-content ul {
margin-bottom: unset;
}
.modal-order-detail .header {
margin-bottom: 50px;
}
.modal-order-detail .modal-dialog .modal-content {
padding: 32px;
}
.slider-layout-right .swiper {
margin-right: -24px;
padding-right: 24px;
}
.modal-newsletter.style-row .modal-content {
flex-direction: row;
}
.banner-why-shop,
.container-7,
.container-6,
.container-5,
.container-4,
.container-3,
.container-2,
.slider-layout-right,
.container-full,
.container {
padding-left: 24px;
padding-right: 24px;
}
.list-color-product {
gap: 5px;
}
.list-color-product .list-color-item {
width: 24px;
height: 24px;
}
.tf-pin-btn span {
width: 33px;
height: 33px;
border: 12px solid var(--white);
}
.card-product .on-sale-wrap {
top: 20px;
right: 20px;
left: 20px;
}
.card-product .on-sale-wrap.pos1 {
top: 16px;
left: 16px;
}
.card-product.card-product-size .list-product-btn {
bottom: 40px;
}
.card-product.style-3.card-product-size .product-btn-main {
bottom: 40px;
}
.card-product.style-3.card-product-size .list-product-btn {
bottom: 84px;
}
.card-product.style-border-2.border-type-4 .on-sale-wrap {
top: 16px;
right: auto;
left: 16px;
}
.card-product .card-product-info {
gap: 8px;
}
.grid-cls {
gap: 24px;
}
.grid-cls .item1 {
grid-area: aa;
}
.grid-cls .item2 {
grid-area: bb;
}
.grid-cls .item3 {
grid-area: cc;
}
.grid-cls .item4 {
grid-area: dd;
}
.grid-cls-v1 {
grid-template-areas: "aa bb" "aa cc";
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.grid-cls-v2 {
grid-template-areas: "aa bb dd" "aa cc dd";
grid-template-columns: 1fr 1fr 1fr;
}
.grid-cls-v3 {
grid-template-areas: "aa aa " "bb cc";
grid-template-columns: 1fr 1fr;
}
.grid-cls-v4 {
grid-template-areas: "cc cc" "aa bb";
grid-template-columns: 1fr 1fr;
}
.grid-cls-v5 {
grid-template-areas: "aa bb cc" "aa bb dd";
grid-template-columns: 1fr 1fr 1fr;
}
.grid-cls-v5 .item3,
.grid-cls-v5 .item4 {
height: 320px;
}
.s-banner-with-text .content-banner {
height: 100%;
}
.banner-cd-phonecase .banner-content {
gap: 32px;
padding: 32px 60px;
}
.banner-cd-fashion .banner-content {
left: 100px;
}
.banner-cd-fashion .box-title {
margin-bottom: 12px;
}
.banner-cd-fashion .season {
margin-bottom: 4px;
}
.banner-account .banner-content-right {
right: 144px;
gap: 32px;
}
.banner-account .banner-title {
gap: 12px;
}
.banner-account.banner-acc-countdown {
padding: 40px 88px 40px 64px;
}
.banner-account.banner-acc-countdown .banner-title {
gap: 4px;
}
.banner-account.banner-acc-countdown .banner-content-left {
gap: 16px;
}
.banner-cls-baby .box-title-banner {
gap: 16px;
}
.banner-cls-baby .box-content {
gap: 32px;
}
.banner-cls-mega-electric .box-title-banner {
gap: 8px;
}
.banner-cls-mega-electric .box-content {
gap: 24px;
}
.banner-cls-electric-acc .box-content {
gap: 33px;
}
.banner-cls-electric-acc .box-title-banner {
gap: 16px;
}
.banner-cls-electric-acc.style-abs-2 .box-content {
max-width: 477px;
padding: 30px 64px;
left: 64px;
right: 64px;
}
.banner-cls-electric-acc.style-abs-2 .box-content br {
display: block;
}
.banner-cls-sportwear.style-abs-2 .box-content {
left: 84px;
}
.banner-cls-sportwear .box-content {
gap: 24px;
}
.banner-cls-sportwear .box-title-banner {
gap: 24px;
}
.banner-cls-petacces .box-content {
gap: 42px;
}
.banner-cls-petacces .box-title-banner {
gap: 24px;
}
.banner-cls-electric .image {
order: 1;
}
.s-banner-colection.style-abs .box-content {
left: 64px;
bottom: 64px;
right: unset;
gap: 32px;
}
.s-banner-colection.style-abs .box-title-banner {
gap: 16px;
}
.slider-bicycle .box-content {
bottom: 103px;
}
.slider-bicycle .content-slider {
max-width: 576px;
width: 100%;
}
.tf-grid-layout.md-col-2 {
grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.md-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.md-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.md-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.md-col-6 {
grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.md-col-7 {
grid-template-columns: repeat(7, 1fr);
}
.flat-single-grid:not(.flat-single-grid-2, .flat-single-stacked) .item {
height: 1026px;
}
.flat-single-grid:not(.flat-single-grid-2, .flat-single-stacked) .item:not(:last-child) {
margin-bottom: 10px;
}
.flat-single-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.flat-single-grid-2 .item {
width: 100%;
height: 300px;
}
.flat-single-stacked {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.flat-single-stacked .item:first-child {
grid-column: 1/-1;
width: 100%;
}
.canvas-sidebar {
max-width: 406px;
}
.canvas-sidebar .canvas-header {
padding: 20px 32px;
}
.canvas-sidebar .canvas-header::after {
left: 32px;
right: 32px;
}
.canvas-sidebar .canvas-body {
padding: 32px;
padding-top: 24px;
}
.tf-product-fbt-wrap {
padding: 30px;
}
.wrap-sw-over {
margin-left: -12px;
padding-left: 12px;
margin-bottom: -20px;
padding-bottom: 20px;
}
.menu-tab-line {
gap: 24px;
}
.menu-tab-line.style-lg {
gap: 48px;
}
.menu-tab-line.style-lg .tab-link {
font-size: 28px;
line-height: 29.2px;
}
.menu-tab-line.style-lg3, .menu-tab-line.style-lg2 {
gap: 41px;
}
.menu-tab-line.style-md {
gap: 0;
}
.menu-tab-line.style-md .tab-link {
padding: 10px;
font-size: 20px;
line-height: 24px;
min-width: 148px;
}
.menu-tab-line.style-md .tab-link::after {
height: 2px;
}
.menu-tab-line.style-md2 .tab-link {
font-size: 20px;
line-height: 30px;
}
.gallery-item .box-icon {
height: 40px;
width: 40px;
font-size: 14px;
}
.blog-item-v2 .entry-content {
padding: 24px;
}
.blog-item-v2 .entry-content .info-box {
margin-bottom: 24px;
}
.blog-item-v2 .entry-tag {
left: 14px;
bottom: 14px;
}
.wrapper-thumbs-tes {
display: flex;
}
.wrapper-thumbs-tes .box-right {
padding: 40px 36px;
width: 57.7%;
}
.wrapper-thumbs-tes .box-left {
width: 42.3%;
display: block;
}
.wrapper-thumbs-tes-2 {
display: flex;
}
.wrapper-thumbs-tes-2 .box-right {
width: 35%;
display: block;
}
.wrapper-thumbs-tes-2 .box-left {
width: 65%;
padding: 40px 46px 40px 0px;
}
.wrapper-thumbs-tes-3 {
display: flex;
}
.wrapper-thumbs-tes-3 .box-right {
width: 37%;
display: block;
}
.wrapper-thumbs-tes-3 .box-left {
width: 63%;
padding: 40px 46px 40px 0px;
}
.wrapper-thumbs-tes-4 {
display: flex;
}
.wrapper-thumbs-tes-4 .box-left {
width: 35%;
display: block;
}
.wrapper-thumbs-tes-4 .box-right {
width: 65%;
padding: 40px 0px 40px 46px;
}
.fs-cls .content {
bottom: 32px;
}
.fs-cls.lg .tf-btn {
font-size: 18px;
line-height: 26px;
}
.tab-content .swiper-pagination-progressbar {
margin-top: 50px;
}
.tf-icon-box-v2 .title {
font-size: 18px;
line-height: 22.8px;
}
.flat-title .wg-countdown-2 .countdown__value {
font-size: 32px;
line-height: 40px;
}
.flat-title.style-line {
gap: 25px;
}
.mega-box .mega-title-box {
margin-bottom: 24px;
}
.banner-cd-phonecase {
margin: 0px 24px;
}
.cls-video {
height: 549px;
}
.cls-video .hover-video {
height: 549px;
}
.flat-wrapper-lookbook {
display: flex;
}
.flat-wrapper-lookbook .col-left,
.flat-wrapper-lookbook .col-right {
width: 50%;
}
.flat-wrapper-lookbook .col-left {
padding: 32px 50px 27px;
}
.flat-wrapper-lookbook .slider-wrap-lb .title {
margin-bottom: 32px;
}
.flat-wrapper-lookbook .card-product .tf-btn {
font-size: 20px;
line-height: 24px;
}
.s-cls.abs-left-center .content {
left: 24px;
}
.s-cls.style-absolute .content {
bottom: 24px;
left: 24px;
right: 24px;
}
.wg-cls.style-abs .cls-btn {
bottom: 24px;
left: 24px;
right: 24px;
}
.wg-cls.style-abs2 .cls-btn {
bottom: 24px;
left: 24px;
right: 24px;
}
.wg-cls.style-abs2.style-lg .cls-btn {
bottom: 32px;
}
.tf-page-cart-sidebar .cart-box {
padding: 24px;
}
.tf-checkout-cart-main {
padding: 27px 24px 50px;
}
.menu-tab-fill-lg {
gap: 32px;
}
.slider-fashion-2 {
padding: 0px 24px;
}
.slider-baby .clouds {
bottom: -20px;
}
.cloud-footer {
margin-bottom: -20px;
}
.wg-quantity .quantity-product,
.wg-quantity .btn-quantity {
height: 46px;
}
.modal-dialog-centered .icon-close {
font-size: 16px;
top: 5px;
right: 5px;
}
.popup-quickadd .modal-content {
padding: 30px;
}
.popup-quickadd .main-product-quickadd .list-size {
gap: 16px;
}
.popup-quickadd .main-product-quickadd .size-btn {
font-size: 20px;
line-height: 120%;
width: 48px;
height: 48px;
}
.main-product-quickadd .item-product-group-btn .tf-btn {
padding: 11px 24px;
}
.main-product-quickadd .item-product-group-btn .box-icon {
width: 48px;
height: 48px;
}
}
@media (min-width: 992px) {
.form-newsletter fieldset input {
font-size: 16px;
line-height: 25.6px;
}
.form-newsletter fieldset input::placeholder {
font-size: 16px;
line-height: 25.6px;
}
.form-default fieldset label {
font-size: 16px;
line-height: 19px;
margin-bottom: 10px;
}
.slider-style-3 .content-slider {
padding: 0px 60px;
}
.slider-default .content-slider.style-2 {
padding: 40px;
}
.slider-fashion-women .content-slider.style-2 {
width: max-content;
padding: 40px 60px;
}
.slider-bicycle .content-slider.style-2 {
padding: 42px;
}
.wg-coming-soon .tf-btn {
padding: 9px 32px;
}
.modal-compare .tf-compare-buttons .tf-btn {
padding: 11px 24px;
}
.modal-quick-view .tf-product-info-wrap .tf-btn {
height: 48px;
}
.wg-quantity .quantity-product,
.wg-quantity .btn-quantity {
height: 48px;
}
.s2-banner-with-text .content-with-text {
gap: 40px;
}
.s2-banner-with-text .box-title-content {
gap: 16px;
}
.s3-banner-with-text .content-with-text {
gap: 40px;
}
.s3-banner-with-text .box-title-content .title {
margin-bottom: 24px;
}
.banner-group-img {
display: flex;
height: 642px;
}
.banner-group-img .banner-img {
width: 50%;
height: 100%;
}
.banner-group-img .box-content {
margin: auto;
padding: 40px 30px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.banner-group-img .box-content .tf-btn {
margin-top: 42px;
}
.banner-group-img .box-content .heading {
margin-bottom: 24px;
}
.footer-bottom-wrap .box-right {
gap: 49px;
}
.grid-jewelry .wg-cls .tf-btn {
font-size: 20px;
line-height: 24px;
}
.footer-newsletter {
gap: 32px;
}
.footer-default .form-newsletter input {
height: 56px;
}
.footer-default .form-newsletter .subscribe-button {
padding: 16px;
}
.footer-default .footer-top-wrap .social-item {
width: 52px;
height: 52px;
font-size: 20px;
}
.footer-default .footer-top-wrap .social-facebook {
font-size: 22px;
}
.tf-btn.btn-lg {
padding: 14px 35px;
}
.tf-btn.btn-md {
padding: 11px 30px;
}
.banner-cls-electric .banner-content .box-content {
gap: 32px;
}
.flat-title-2 {
gap: 30px;
margin-bottom: 52px;
}
.flat-title-2 .box-title {
gap: 10px;
}
.grid-cls-v3 {
grid-template-areas: "aa aa bb" "aa aa cc";
grid-template-columns: 1fr 1fr 1fr;
}
.grid-cls-v4 {
grid-template-areas: "aa cc cc" "bb cc cc";
grid-template-columns: 1fr 1fr 1fr;
}
.banner-cd-phonecase .countdown__item {
width: 109px;
height: 112px;
}
.banner-cd-phonecase .countdown__item .countdown__value {
font-size: 48px;
line-height: 60px;
}
.wg-testimonial .content-top {
padding: 40px 24px 22px;
gap: 20px;
}
.wg-testimonial .box-avt {
padding: 24px;
gap: 12px;
}
.wg-testimonial .box-price {
gap: 6px;
}
.wg-testimonial.style-row .image {
max-width: 244px;
width: 100%;
}
.card-product.style-wishlist > .icon {
top: 20px;
right: 20px;
width: 45px;
height: 45px;
}
.card-product .card-product-info {
padding-top: 18px;
gap: 10px;
padding-bottom: 20px;
}
.card-product.style-3 .list-product-btn {
bottom: 60px;
}
.gallery-item .box-icon {
opacity: 0;
visibility: hidden;
}
.gallery-item:hover .box-icon {
opacity: 1;
visibility: visible;
}
.b-md-20 {
bottom: 20px !important;
}
.wg-cls.style-abs .cls-btn {
bottom: 40px;
}
.wg-cls.style-abs.type-2 .cls-content,
.wg-cls.style-abs.type-2 .cls-btn {
bottom: 24px;
}
.wg-cls.style-abs.type-2 .cls-content {
gap: 24px;
left: 24px;
right: 24px;
}
.wg-cls.style-abs.type-3 .cls-btn {
bottom: 20px;
}
.banner-text-skincare .content-banner {
padding-left: 50px;
}
.s-banner-with-text .content-banner {
gap: 42px;
}
.s-banner-with-text .box-title-banner {
gap: 24px;
}
.s-banner-with-text.banner-text-skincare .content-banner {
gap: 32px;
}
.s-banner-with-text.banner-text-skincare .box-title-banner {
gap: 12px;
}
.s-banner-with-text.banner-text-skincare.type-2 .box-title-banner {
gap: 10px;
}
.s-banner-with-text.banner-text-jewelry .box-title-banner, .s-banner-with-text.banner-text-pet .box-title-banner {
gap: 16px;
}
.s-banner-with-text.banner-text-jewelry .content-banner, .s-banner-with-text.banner-text-pet .content-banner {
gap: 33px;
}
.s-banner-with-text.banner-text-plant .box-title-banner {
gap: 16px;
}
.s-banner-with-text.banner-text-plant .content-banner {
gap: 33px;
margin-right: 24px;
margin-left: auto;
max-width: 588px;
width: 100%;
}
.s-banner-with-text.banner-text-plant.type-2 .content-banner {
margin-left: 24px;
margin-right: unset;
max-width: unset;
}
.banner-cd-fashion .banner-content {
left: 203px;
}
.account-dashboard .box-account-title {
margin-bottom: 64px;
}
.banner-cls-phonecase .box-content {
gap: 40px;
}
.banner-cls-phonecase .box-title-banner {
gap: 10px;
}
.marquee-sale {
padding: 23px 0px;
height: 78px;
display: flex;
}
.marquee-sale .marquee-wrapper {
animation: infiniteScroll 60s linear infinite;
}
.marquee-sale .marquee-wrapper.scrollRight {
animation: infiniteScrollRight 60s linear infinite;
}
.marquee-sale .marquee-child-item {
margin: 0 40px;
}
.slider-baby .content-slider.style-2 {
padding: 40px 60px;
}
.sidebar-blog {
max-width: 366px;
width: 100%;
margin-left: auto;
}
.sidebar-blog.type-left {
margin-left: unset;
margin-right: auto;
}
.tf-grid-layout {
column-gap: 24px;
row-gap: 24px;
}
.tf-grid-layout.lg-col-2 {
grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.lg-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.lg-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.lg-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.lg-col-6 {
grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.lg-col-7 {
grid-template-columns: repeat(7, 1fr);
}
.tf-grid-layout.style-1 {
row-gap: 40px;
}
.tf-grid-layout.style-1 .wg-pagination {
margin-top: 20px;
}
.tab-content .tf-grid-layout {
column-gap: 18px;
row-gap: 40px;
}
.marquee-topbar .marquee-wrapper {
animation: infiniteScroll 60s linear infinite;
}
.marquee-topbar .marquee-wrapper .marquee-child-item {
margin: 0 20px;
}
.zoom-active .other-image-zoom {
opacity: 0.3;
}
.sb-banner .title {
font-size: 36px;
line-height: 43.2px;
}
.tf-product-fbt-wrap {
padding: 30px;
}
.list-volume-discount .volume-discount-item {
padding: 16px 30px 16px 20px;
}
.tf-product-volume-discount-thumbnail {
padding: 30px;
}
.card-product .box-icon {
width: 40px;
height: 40px;
}
.card-product .box-icon .icon {
font-size: 16px;
}
.card-product .product-btn-main .btn-main-product {
padding: 10px 15px;
}
.card-product.style-3.card-product-size .list-product-btn {
bottom: 94px;
}
.card-product.style-list .box-icon {
width: 51px;
height: 51px;
}
.tf-icon-box.style-2 {
gap: 25px;
}
.tf-icon-box.style-2 .content {
gap: 15px;
}
.tf-icon-box.style-2 .title {
font-size: 20px;
line-height: 20px;
}
.tf-icon-box.style-3 .title {
font-size: 20px;
line-height: 20px;
}
.tf-icon-box.style-4 {
padding: 32px 24px;
gap: 24px;
}
.tf-icon-box.style-4 .title {
font-size: 20px;
line-height: 20px;
}
.tf-icon-box.style-border {
padding: 29px 20px;
gap: 30px;
}
.tf-icon-box.style-border .content {
gap: 20px;
}
.tf-icon-box.style-border .content h6 {
line-height: 29px;
}
.tf-icon-box.style-border .content p {
line-height: 22px;
}
.tf-icon-box.style-lg {
gap: 25px;
}
.tf-icon-box.style-lg .title {
font-size: 20px;
line-height: 20px;
}
.tf-icon-box.style-lg .content {
gap: 15px;
}
.flat-wrap-iconbox .tf-icon-box {
gap: 20px;
}
.flat-wrap-iconbox .tf-icon-box .content {
gap: 10px;
}
.flat-wrapper-testimonial {
padding: 64px 30px 37px;
}
.banner-cls-bicycle .banner-content {
height: 631px;
}
.mega-iconbox {
padding: 40px 20px;
}
.mega-iconbox .tf-icon-box:not(:last-child) {
margin-bottom: 40px;
}
.mega-iconbox .tf-icon-box {
gap: 24px;
}
.cls-video {
height: 649px;
}
.cls-video .hover-video {
height: 649px;
}
.modal-share-social .modal-content {
padding: 32px;
padding-bottom: 48px;
}
.popup-quickadd .modal-content {
padding: 48px;
}
}
@media (min-width: 1025px) {
.banner-shop.style-left-center .box-title .title {
font-size: 36px;
font-weight: 500;
line-height: 43.2px;
}
.slider-pod .content-slider {
max-width: 691px;
}
.form-edit-account .title-form {
margin-bottom: 42px;
}
}
@media (min-width: 1200px) {
.xl-radius-40 {
border-radius: 40px !important;
}
.xl-radius-50 {
border-radius: 50px !important;
}
.form-out-stock {
padding: 48px;
gap: 32px;
}
.form-out-stock .box-title-out-stock {
gap: 24px;
}
.volume-discount-thumbnail-item .tag-sale {
left: 28px;
right: 28px;
}
.form-buyX-getY {
padding: 36px 32px;
}
.form-buyX-getY .title-buyX-getY {
margin-bottom: 47px;
}
.form-buyX-getY .group-item-product {
margin-bottom: 55px;
}
.wd-customer-review {
gap: 119px;
}
.wd-customer-review .review-heading {
gap: 40px;
}
.wd-customer-review .box-rate-review {
gap: 24px;
}
.wd-customer-review .review-list {
padding-bottom: 48px;
margin-bottom: 48px;
}
.form-review .tf-btn {
margin-top: 40px;
}
.wd-product-descriptions .accordion-body {
padding: 10px 0px 42px;
}
.modal.modalCentered:not(.show) .modal-dialog {
transform: translate(-50px, 0px);
}
.modalCentered:not(.show) .modal-dialog {
transform: translate(-50px, 0px);
}
#description p:not(:first-child) {
margin-top: 32px;
}
.footer-style-2 .footer-bottom-wrap .image-select.style-default {
width: 226px !important;
}
.footer-style-2 .footer-bottom-wrap .image-select.style-default .filter-option-inner-inner {
font-size: 18px;
}
.s-banner-with-text br {
display: block;
}
.tf-icon-box-v2 {
gap: 20px;
}
.tf-icon-box-v2 .icon {
font-size: 32px;
}
.tf-icon-box-v2 .title {
font-size: 24px;
line-height: 28.8px;
}
.slider-default .parallax-wrap {
padding: 279px 0px 304px;
}
.slider-style-3 .content-slider {
padding: 0px 100px;
}
.popup-search .featured-product {
padding: 0px 90px;
}
.s2-banner-with-text {
gap: 101px;
}
.s2-banner-with-text .banner {
min-width: 600px;
}
.banner-group-img .box-content {
padding: 40px 55px;
}
.banner-cls-baby .banner-content {
position: relative;
overflow: unset;
}
.banner-cls-baby .image {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.banner-cls-baby .item {
display: block;
right: 0;
}
.s-banner-cd-baby .wg-countdown .countdown__item {
width: 120px;
height: 120px;
}
.s-banner-cd-baby .wg-countdown .countdown__item .countdown__value {
font-size: 40px;
line-height: 44px;
}
.banner-cd-phonecase .box-title {
gap: 16px;
}
.tf-topbar {
display: flex;
height: 42px;
}
.footer-default .footer-body {
padding: 0;
}
.footer-default .footer-info .item:not(:last-child) .box-icon {
margin-top: -3px;
}
.row-footer {
display: flex;
gap: 0;
}
.row-footer .s1 {
width: 29%;
padding: 60px 24px;
padding-left: 0;
border-right: 1px solid var(--line);
}
.row-footer .s2 {
width: 42%;
padding: 60px 32px;
border-right: 1px solid var(--line);
}
.row-footer .s3 {
width: 29%;
display: flex;
justify-content: space-between;
padding: 60px 32px;
padding-right: 0;
}
.footer-cloud .row-footer .s1 {
padding-bottom: 75px;
}
.banner-cls-phonecase .banner-content {
gap: 42px;
}
.footer-style-2 {
margin: 0px 40px 24px;
}
.footer-style-2 .footer-col-block.s2, .footer-style-2 .footer-col-block.s3 {
display: grid;
justify-content: center;
}
.footer-style-2 .footer-col-block.s4 {
padding: 0px 60px;
}
.space-abs-header .content-slider {
margin-top: 87px;
}
.popup-product .modal-content {
padding: 32px 85px 86px;
}
.popup-product .modal-header {
gap: 16px;
}
.tf-checkout-cart-main {
padding: 37px 32px 62px;
}
.tf-checkout-cart-main .box-ip-shipping,
.tf-checkout-cart-main .box-ip-contact,
.tf-checkout-cart-main .box-ip-checkout {
margin-bottom: 42px;
}
.fl-order-testimonial {
padding: 42px 119px;
}
.tf-page-cart-main .cart-note {
padding-right: 27px;
}
.tf-page-cart-main .form-cart {
margin-bottom: 40px;
}
.tf-page-cart-main .fl-iconbox {
padding-right: 27px;
}
.tf-page-cart-main .fl-iconbox .tf-swiper {
padding: 32px;
}
.tf-page-cart-sidebar {
position: sticky;
top: 100px;
transition: top 0.3s ease;
}
.tf-page-cart-sidebar .cart-box {
padding: 32px;
}
.sidebar-order-success .order-box {
padding-bottom: 117px;
}
.box-testimonial-quote {
padding: 64px 15px 58px;
gap: 42px;
}
.lh-xl-32 {
line-height: 32px;
}
.lh-xl-26 {
line-height: 26px;
}
.list-esd {
max-width: 645px;
width: 100%;
}
.list-esd .item {
gap: 20px;
padding: 30px 0px;
}
.tf-compare-item {
gap: 20px;
padding: 30px 20px;
}
.tf-compare-table::-webkit-scrollbar {
height: 11px;
}
.tf-compare-table .text-md {
line-height: 19px;
}
.tf-compare-table .text-sm {
line-height: 17px;
}
.tf-compare-field,
.tf-compare-value {
padding: 19px 20px;
}
.tf-compare-col {
min-width: 360px;
}
.wg-testimonial.style-2.type-2 .box-btn {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wg-testimonial.style-2.type-2:hover .box-btn {
opacity: 1;
}
.mb-xl-8 {
margin-bottom: 8px;
}
.mb-xl-4 {
margin-bottom: 4px !important;
}
.s-banner-bundle .bundle-wrap {
gap: 40px;
max-width: 708px;
width: 100%;
margin: auto;
}
.s-banner-bundle .list-recipe {
gap: 24px;
}
.s-banner-bundle .content-list {
gap: 24px;
padding: 24px;
}
.s2-banner-bundle .bundle-wrap {
gap: 40px;
max-width: 806px;
margin-left: auto;
margin-right: 0;
padding: 0px 49px 41px;
}
.s2-banner-bundle .banner-bundle .item {
display: block;
left: 0;
}
.s-cls.style-absolute .content {
bottom: 32px;
gap: 24px;
}
.s-cls.abs-left-center .content {
left: 24px;
}
.s-cls.abs-left-center.type-large .content {
left: 42px;
}
.s-cls.abs-left-bottom .content {
left: 40px;
bottom: 34px;
}
.grid-mega .item1.s-cls.abs-left-center .content {
left: 64px;
}
.slider-thumb-wrap {
gap: 40px;
}
.wg-map.style-absolute .box-store {
left: 73px;
}
.box-store .contact-list {
margin-bottom: 44px;
gap: 8px;
}
.box-store.style-2 {
gap: 24px;
}
.cls-video .cls-content {
bottom: 24px;
right: 24px;
left: 24px;
padding: 16px;
}
.wg-offer .image {
margin-bottom: 34px;
}
.wg-offer .box-title {
gap: 12px;
}
.wg-offer .content {
gap: 24px;
}
.wg-offer.style-2 .image {
margin-bottom: 24px;
}
.flat-title-v2 {
margin-bottom: 48px;
gap: 24px;
}
.flat-title-v2.style-2 {
margin-bottom: 64px;
}
.s-contact .content-right,
.s-contact .content-left {
gap: 32px;
}
.s-contact.style-2 {
gap: 0px;
align-items: end;
}
.s-contact.style-2 .content-left {
padding: 52px 62px;
margin-bottom: 24px;
gap: 19px;
}
.s-contact.style-2 .content-left .tf-btn {
margin-top: 30px;
}
.s-contact.style-2 .image-right {
margin-left: -120px;
}
.s-contact.style-2 .image-right img {
border-radius: 16px;
}
.flat-title {
margin-bottom: 48px;
}
.flat-title .btn-underline {
font-size: 18px;
line-height: 28px;
}
.flat-title.style-2 {
margin-bottom: 42px;
}
.flat-title.mb_2 {
margin-bottom: 60px;
}
.flat-title.mb_3 {
margin-bottom: 40px;
}
.flat-title.mb_4 {
margin-bottom: 63px;
}
.flat-title.mb_5 {
margin-bottom: 52px;
}
.flat-title-tab-categories {
margin-bottom: 42px;
gap: 32px;
}
.flat-title-tab {
gap: 27px;
}
.flat-title-tab-2 {
margin-bottom: 64px;
}
.menu-tab-fill-lg {
gap: 41px;
}
.banner-why-shop,
.container-full {
padding-left: 40px;
padding-right: 40px;
}
.sidebar-filter .canvas-body {
padding: 0;
}
.widget-facet .filter-color-box {
padding-right: 60px;
}
.banner-tagline-phonecase {
gap: 100px;
}
.banner-tagline-phonecase .list-tagline li {
padding: 24px 20px;
}
.banner-tagline-phonecase .list-tagline li .box-text {
gap: 10px;
}
.banner-tagline-phonecase .content {
gap: 48px;
}
.banner-tagline-phonecase .icon i {
font-size: 40px;
}
.card-product.style-border-2 .card-product-wrapper {
padding: 16px 15px 32px;
}
.card-product.style-border-2 .card-product-info {
padding: 0px 16px 32px;
gap: 16px;
}
.card-product.style-border-2 .on-sale-wrap {
top: 26px;
left: 26px;
right: auto;
}
.card-product.style-border-2.border-type-2 .card-product-info {
padding: 0px 16px 42px;
}
.card-product.style-border-2.border-type-3 .card-product-info {
padding: 0px 16px 24px;
}
.card-product.style-border-2.border-type-2 .card-product-wrapper, .card-product.style-border-2.border-type-3 .card-product-wrapper {
padding: 15px;
padding-bottom: 20px;
}
.card-product.style-border-2.border-type-5 .card-product-wrapper {
padding: 20px;
padding-bottom: 32px;
}
.card-product.style-border-2.border-type-5 .card-product-info {
padding: 0px 20px 20px;
gap: 24px;
}
.card-product.style-border .card-product-wrapper {
padding: 20px;
padding-top: 42px;
padding-bottom: 64px;
}
.card-product.style-border .card-product-info {
padding: 0px 20px 40px;
}
.card-product.style-2.card-product-size .list-product-btn {
bottom: 62px;
}
.card-product.style-2 .list-product-btn {
bottom: 20px;
}
.card-product.style-2 .list-product-btn li {
transform: translateY(20px);
}
.card-product.style-2:hover .list-product-btn li {
transform: translateY(0px);
}
.card-product.card-product-size .list-product-btn {
bottom: 20px;
}
.card-product.style-3.card-product-size .product-btn-main {
bottom: 50px;
}
.card-product.style-3.card-product-size .list-product-btn {
bottom: 114px;
}
.card-product.style-3 .list-product-btn {
bottom: 84px;
}
.card-product.style-3 .list-product-btn li {
transform: translateY(20px);
}
.card-product.style-3:hover .list-product-btn li {
transform: translateY(0px);
}
.card-product.style-3:hover .product-btn-main {
transform: translateY(0px);
opacity: 1;
visibility: visible;
transition-delay: 0.1s;
}
.card-product .product-btn-main {
right: 24px;
left: 24px;
bottom: 20px;
transform: translateY(20px);
opacity: 0;
visibility: hidden;
}
.card-product .product-btn-main .btn-main-product {
padding: 14px 15px;
}
.card-product .tooltip {
display: block;
}
.card-product .card-product-info .inner-info-product {
gap: 10px;
}
.card-product .variant-box {
padding: 10px 6px;
}
.card-product .countdown-box {
display: flex;
}
.card-product .countdown-box.style-2 {
padding-left: 35px;
padding-right: 35px;
}
.card-product .list-product-btn {
top: 20px;
right: 20px;
gap: 16px;
}
.card-product .list-product-btn li {
opacity: 0;
visibility: hidden;
transform: translateX(20px);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-product .box-icon {
width: 45px;
height: 45px;
}
.card-product .product-progress-sale {
gap: 8px;
}
.card-product:not(.style-list) .size-box {
transform: translateY(100%);
padding: 10px 6px;
}
.card-product:hover .list-product-btn li {
opacity: 1;
visibility: visible;
}
.card-product:hover .list-product-btn li:nth-child(1) {
transform: translateX(0px);
}
.card-product:hover .list-product-btn li:nth-child(2) {
transform: translateX(0px);
transition-delay: 0.1s;
}
.card-product:hover .list-product-btn li:nth-child(3) {
transform: translateX(0px);
transition-delay: 0.2s;
}
.card-product:hover .list-product-btn li:nth-child(4) {
transform: translateX(0px);
transition-delay: 0.3s;
}
.card-product:hover .size-box {
transform: translateY(0%);
}
.card-product.card-product-size:hover .countdown-box, .card-product.style-2:hover .countdown-box, .card-product.style-3:hover .countdown-box {
transform: translateY(100%);
bottom: -1px;
}
.card-product.style-list {
gap: 24px;
}
.card-product.style-list .card-product-wrapper {
aspect-ratio: 1/1.42;
}
.card-product.style-list .card-product-info {
gap: 24px;
}
.card-product.style-list .info-list {
gap: 15px;
}
.card-product.style-center .card-product-info {
padding: 20px 20px 35px;
}
.card-product.style-center .list-color-item {
width: 38px;
height: 38px;
gap: 7px;
}
.card-product.style-4 .card-product-info {
padding: 24px 16px;
}
.card-product.style-5 .card-product-info .btn-addcart {
padding: 0px 27px;
}
.card-product.style-space .card-product-wrapper {
padding: 15px 16px 32px;
}
.card-product.style-space .card-product-info {
padding: 0px 16px 32px;
gap: 16px;
}
.card-product.style-space-2 .card-product-wrapper {
padding: 15px 16px 20px;
}
.card-product.style-space-2 .card-product-info {
padding: 0px 16px 20px;
gap: 16px;
}
.card-product .list-capacity-product .list-color-item .text-quantity {
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bundle-wrap .card-product:not(.style-2, .style-3) .list-product-btn {
gap: 12px;
top: 12px;
right: 12px;
}
.bundle-wrap .card-product:not(.style-2, .style-3) .box-icon {
width: 40px;
height: 40px;
}
.bundle-suppermarket .image-wrap {
margin-left: 33px;
}
.banner-text-skincare .content-banner {
padding-left: 108px;
}
.tf-filter-dropdown,
.tf-shop-control {
margin-bottom: 40px;
}
.tf-filter-dropdown {
gap: 20px;
}
.tf-filter-dropdown .meta-dropdown-filter {
gap: 10px;
}
.tf-btn-filter {
gap: 9px;
padding: 13px 20px;
}
.tf-btn-filter .icon {
font-size: 18px;
}
.tf-btn-filter .text {
font-size: 16px;
}
.tf-dropdown-sort {
padding: 13px 20px;
min-width: 244px;
}
.tf-dropdown-sort .text-sort-value {
font-size: 16px;
}
.tf-dropdown-sort .icon {
font-size: 14px;
}
.tf-dropdown-sort .dropdown-menu {
min-width: 244px;
}
.dropdown-filter .dropdown-toggle {
padding: 13px 20px;
}
.dropdown-filter .dropdown-menu {
min-width: 300px;
padding: 25px 15px;
}
.dropdown-filter .text-value {
font-size: 16px;
}
.tf-control-layout .tf-view-layout-switch {
width: 48px;
height: 48px;
}
.lookbook-item .dropdown-menu {
--bs-dropdown-min-width: 14rem;
}
.lookbook-item .dropend .dropdown-menu {
--bs-dropdown-min-width: 367px;
}
.tf-grid-layout.xl-col-2 {
grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.xl-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.xl-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.xl-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.xl-col-6 {
grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.xl-col-7 {
grid-template-columns: repeat(7, 1fr);
}
.xl-px-26 {
padding-left: 26px;
padding-right: 26px;
}
.header-default .wrapper-header {
min-height: 87px;
}
.header-default .wrapper-header .nav-icon {
gap: 20px;
}
.header-default .header-top {
border-bottom: 1px solid var(--line);
}
.header-medium .wrapper-header {
min-height: 70px;
}
.header-absolute {
margin-bottom: -87px;
}
.header-absolute-2:not(.header-bg) .header-top {
border: 0;
}
.tf-product-info-wrap {
gap: 42px;
}
.tf-product-info-wrap:not(.style-2) .tf-product-heading {
padding-bottom: 32px;
margin-bottom: 8px;
}
.tf-product-info-wrap .product-info-countdown,
.tf-product-info-wrap .product-progress-sale {
margin-top: 12px;
}
.tf-product-info-wrap .tf-product-extra-link {
gap: 42px;
}
.tf-product-info-wrap .product-stock .stock {
margin-right: 14px;
}
.tf-product-info-wrap .form-group-product {
margin-bottom: 18px;
}
.tf-product-info-wrap .tf-product-cate-sku {
margin: 8px 0px;
}
.form-group-product .item-product {
gap: 70px;
}
.form-group-product .item-product:not(:last-child) {
margin-bottom: 24px;
}
.form-group-product .item-product-content {
gap: 30px;
}
.form-group-product .table-group-product {
margin-bottom: 32px;
}
.flat-wrap-frequently-bought-together .product-thumbs-slider {
margin-bottom: 42px;
}
.tf-product-fbt {
padding: 32px;
}
.tf-product-fbt .tf-btn {
padding: 16px 32px;
}
.flat-single-grid {
margin-right: 24px;
}
.flat-single-grid-2 .item {
width: 100%;
height: 500px;
}
.tf-variant-dropdown {
padding: 14px 12px;
}
.tab-product-desc .tab-link {
min-width: 154px;
}
.widget-facet:not(:last-child) {
margin-bottom: 24px;
padding-bottom: 32px;
}
.canvas-sidebar .list-icon-box .tf-icon-box:not(:last-child) {
margin-bottom: 32px;
}
.canvas-sidebar .mega-box:not(:last-child) {
margin-bottom: 40px;
}
.tf-product-fbt-wrap {
padding: 32px 80px 36px;
}
.tf-product-fbt-wrap .fbt-info {
gap: 16px;
}
.tf-product-fbt-wrap .fbt-info .bundle-variant,
.tf-product-fbt-wrap .fbt-info .bundle-title {
margin-right: 16px;
}
.tf-product-fbt-wrap .tf-product-form-fbt {
gap: 32px;
}
.tf-product-fbt-wrap .list-fbt {
margin-bottom: 24px;
}
.tf-product-fbt-wrap .fbt-swatches {
gap: 16px;
}
.tf-product-volume-discount {
padding: 32px 70px 42px;
}
.list-volume-discount .volume-discount-item .tag-sale {
right: -40px;
}
.tf-product-volume-discount-thumbnail .title-discount {
margin-bottom: 45px;
}
.tf-product-volume-discount-thumbnail .list-volume-discount-thumbnail {
margin-bottom: 40px;
}
.tf-product-media-wrap {
padding-right: 24px;
}
.list-color-product .list-color-item {
width: 30px;
height: 30px;
}
.tf-loading {
height: 48px;
min-width: 138px;
}
.hover-sw-nav {
position: relative;
}
.hover-sw-nav .nav-swiper {
visibility: hidden;
}
.hover-sw-nav .swiper-button-next {
margin-right: 20px;
}
.hover-sw-nav .swiper-button-prev {
margin-left: 20px;
}
.hover-sw-nav:hover .nav-swiper {
visibility: visible;
margin-left: 0;
margin-right: 0;
}
.gallery-item .box-icon {
height: 48px;
width: 48px;
font-size: 19px;
}
.tf-sw-iconbox-row .swiper-slide:not(:last-child) .tf-icon-box {
position: relative;
padding-right: 59px;
}
.tf-sw-iconbox-row .swiper-slide:not(:last-child) .tf-icon-box::after {
position: absolute;
content: "";
right: 0;
width: 1px;
top: 9px;
bottom: 9px;
background-color: var(--line);
}
.flat-wrapper-iconbox {
padding: 97px 60px 69px;
}
.flat-wrapper-iconbox .tf-icon-box .title {
font-size: 24px;
line-height: 30px;
}
.grid-cls-v1 {
gap: 24px;
}
.grid-cls-v1 .wg-cls .cls-btn {
bottom: 32px;
}
.grid-cls-v1 .wg-cls .tf-btn {
font-size: 24px;
line-height: 32px;
min-width: 180px;
}
.grid-cls-v1 .item3 .btn-cls {
min-width: 232px;
}
.grid-cls-sport .wg-cls .tf-btn {
padding-top: 10px;
padding-bottom: 10px;
min-width: 169px;
}
.grid-cls-sport .item3 .tf-btn {
min-width: 209px;
}
.wg-cls-2 {
gap: 32px;
}
.wg-cls-2 .box-title {
margin-bottom: 24px;
}
.wg-cls.style-02 .btn-cls {
font-size: 24px;
}
.wg-cls.style-02 .btn-cls .icon {
font-size: 14px;
}
.wrapper-thumbs-tes .box-right {
padding: 60px 49px 60px 64px;
}
.wrapper-thumbs-tes .box-testimonial-main .quote {
font-size: 39px;
}
.wrapper-thumbs-tes-2 .box-left {
padding: 60px 200px 60px 0px;
}
.wrapper-thumbs-tes-2 .box-testimonial-main .quote {
font-size: 48px;
}
.wrapper-thumbs-tes-3 .box-left {
padding: 60px 99px 60px;
}
.wrapper-thumbs-tes-3 .box-testimonial-main .content {
gap: 32px;
}
.wrapper-thumbs-tes-3 .box-testimonial-main .quote {
font-size: 68px;
}
.wrapper-thumbs-tes-4 .box-right {
padding: 60px 0px 60px 100px;
}
.wrapper-thumbs-tes-4 .box-testimonial-main {
gap: 42px;
}
.wrapper-thumbs-tes-4 .box-testimonial-main .box-content {
gap: 24px;
}
.flat-thumbs-tes .sw-dot-default,
.flat-thumbs-tes .box-nav-swiper {
margin-top: 32px;
}
.box-testimonial-main {
gap: 32px;
}
.fs-cls .content {
bottom: 42px;
}
.fs-cls .content .tf-btn {
font-size: 20px;
line-height: 30px;
min-width: 200px;
}
.fs-cls.lg .tf-btn {
font-size: 24px;
line-height: 30px;
min-width: 248px;
padding-top: 20px;
padding-bottom: 20px;
}
.wrapper-control-shop .tf-list-layout {
gap: 32px;
}
.wrapper-control-shop .tf-list-layout .wg-pagination {
margin-top: 40px;
}
.wrapper-control-shop .tf-grid-layout {
row-gap: 40px;
}
.wrapper-control-shop .tf-grid-layout .wg-pagination {
margin-top: 20px;
}
.flat-wrap-cls {
row-gap: 42px;
}
.flat-wrap-cls .wg-pagination {
margin-top: 18px;
}
.tab-content .tf-grid-layout {
row-gap: 40px;
}
.tab-content .box-btn {
margin-top: 32px;
}
.menu-tab-line.style-lg .tab-link {
padding: 10px 4px;
font-size: 36px;
line-height: 43.2px;
}
.menu-tab-line.style-lg .tab-link::after {
height: 2px;
}
.menu-tab-line.style-lg3 .tab-link {
font-size: 48px;
line-height: 60px;
padding: 0px;
}
.banner-shop.style-left-center .content {
gap: 32px;
left: 64px;
}
.banner-shop.style-left-center .box-title {
gap: 20px;
}
.banner-shop.style-left-center .tf-btn {
padding: 14px 37px;
}
.banner-shop.style-top .content {
top: 82px;
gap: 32px;
}
.banner-shop.style-top .box-title {
gap: 20px;
}
.banner-shop.style-lg-bottom .content {
bottom: 40px;
left: 32px;
right: 32px;
}
.banner-shop .box {
padding: 20px 73px 20px 32px;
}
.tab-content .swiper-pagination-progressbar {
margin-top: 112px;
}
.banner-cd-phonecase {
margin: 0px 40px;
}
.tf-btn.btn-large {
padding: 14px 38px;
}
.flat-wrapper-lookbook .col-left {
width: 48.6%;
padding: 48px 102px 27px;
}
.flat-wrapper-lookbook .col-right {
width: 51.4%;
}
.flat-wrapper-lookbook .slider-wrap-lb {
padding-left: 68px;
padding-right: 68px;
}
.flat-wrapper-lookbook .slider-wrap-lb .title {
margin-bottom: 64px;
}
.wg-testimonial-2 .text {
margin-top: 40px;
}
.table-page-cart td {
padding: 30px 9px;
}
.footer-style-2 .footer-body {
padding-top: 80px;
padding-bottom: 88px;
}
.fl-control-sw2 .swiper-button-prev,
.fl-control-sw .swiper-button-prev {
left: -22px;
}
.fl-control-sw2 .swiper-button-next,
.fl-control-sw .swiper-button-next {
right: -22px;
}
.wg-testimonial-3 {
margin-bottom: 55px;
gap: 40px;
}
.wg-testimonial-3 .box-top {
gap: 24px;
}
.wg-testimonial-3 .box-author {
gap: 8px;
}
.wg-testimonial-3 .box-title-desc {
gap: 24px;
}
.slider-baby .clouds {
bottom: -65px;
}
.cloud-footer {
margin-bottom: -60px;
}
}
@media (min-width: 1440px) {
.topbar-wraper {
gap: 150px;
}
.slider-fashion-2 {
padding: 0px 30px;
}
.banner-why-shop {
padding-left: 115px;
padding-right: 115px;
}
.row-footer .s2 {
padding: 60px 74px 60px 80px;
}
.row-footer .s3 {
padding: 60px 80px;
padding-right: 0;
}
.tf-main-success .box-progress-order {
padding: 32px 64px;
}
.tf-product-volume-discount-thumbnail {
padding: 32px 70px 32px 45px;
}
.wg-testimonial.style-2.type-2 {
padding: 40px 32px 24px;
}
.wg-testimonial.style-2.type-2 .br-line {
margin: 24px 0px;
}
.s-banner-bundle .content-list {
padding: 24px 48px;
}
.lh-19 {
line-height: 19px;
}
.flat-wrap-testimonial {
padding: 64px 0px 37px;
}
.main-content-account {
gap: 64px;
}
.account-dashboard .content-account {
gap: 24px;
}
.banner-text-jewelry .image-1 {
max-width: 517px;
}
.banner-text-jewelry .image-2 {
max-width: 275px;
right: 48px;
bottom: 27px;
}
.banner-text-skincare.type-2 .image-1 {
max-width: 663px;
}
.banner-text-skincare.type-2 .image-2 {
max-width: 361px;
bottom: 44px;
}
.banner-cls-phonecase .box-content {
padding-left: 100px;
flex-shrink: 0;
width: unset;
}
.banner-cls-phonecase .image {
max-width: 1007px;
width: 100%;
}
.slider-phonecase {
margin: 27px 40px 0px;
}
.slider-electric-access .content-slider {
margin-left: 52px;
}
.tf-grid-layout.xxl-col-2 {
grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.xxl-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.xxl-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.xxl-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.xxl-col-6 {
grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.xxl-col-7 {
grid-template-columns: repeat(7, 1fr);
}
.header-default .box-nav-menu .item-link::after {
width: calc(100% + 80px);
}
.header-default .style-space .box-nav-menu {
gap: 36px;
}
.box-nav-menu .mega-menu {
left: 100px;
right: 100px;
padding: 32px 104px 60px;
}
.box-nav-menu .mega-shop {
left: 76px;
right: 80px;
padding: 32px 123px 60px;
}
.box-nav-menu .mega-home {
padding: 36px 160px;
}
.box-nav-menu .mega-tab .wrapper-sub-menu-tab .tab-pane {
gap: 60px;
}
.box-nav-menu.justify-content-start .mega-home {
left: 0;
}
.flat-wrap-media-product .swiper-button-next {
right: -20px;
}
.flat-wrap-media-product .swiper-button-prev {
left: -20px;
}
.flat-wrap-iconbox .tf-swiper {
padding: 0px 65px;
}
}
@media (min-width: 1600px) {
.header-default .box-nav-menu {
gap: 40px;
}
.footer-style-2 .footer-col-block.s4 {
padding: 0px 110px;
}
.s-banner-product .content-right {
max-width: 791px;
width: 100%;
}
.s-banner-product .content-banner {
justify-content: unset;
padding-left: 90px;
}
.banner-cls-baby .item {
right: -69px;
}
.s2-banner-bundle .banner-bundle .item {
left: -66px;
}
.tf-btn.btn-cls:hover .icon {
margin-left: 16px;
}
.fl-control-sw2 .swiper-button-prev {
left: -54px;
}
.fl-control-sw2 .swiper-button-next {
right: -54px;
}
}
@media (max-width: 1440px) {
.section-cls-tabs {
gap: 30px;
}
.section-cls-tabs .tab-content img {
border-radius: 16px;
}
.section-cls-tabs .right {
padding: 20px 20px;
border-radius: 16px;
}
.section-cls-tabs .menu-tab-line .tab-link {
padding: 15px 0;
font-size: 20px;
line-height: 30px;
}
.section-cls-tabs .menu-tab-line .tab-link .icon {
font-size: 14px;
width: 70px;
height: 50px;
}
.box-nav-menu .sub-menu-style-2 {
left: -300px;
}
.slider-fashion-1 .slider-wrap {
height: 700px;
}
.leave-comment-wrap .title {
font-size: 30px;
line-height: 42px;
margin-bottom: 36px;
}
}
@media (max-width: 1399px) {
.tf-control-layout .sw-layout-5,
.tf-control-layout .sw-layout-6 {
display: none;
}
}
@media (max-width: 1199px) {
.pb_xl-0 {
padding-bottom: 0 !important;
}
.footer-pb-2 {
padding-bottom: 165px;
}
.footer-style-2 .s1 {
margin-bottom: 30px;
}
.tf-sticky-btn-atc {
bottom: 66px;
}
.title-success-order .icon {
width: 100px;
height: 100px;
}
.tf-page-cart-sidebar {
margin-top: 60px;
}
.tf-toolbar-bottom {
display: flex;
}
.xl-pb-70 {
padding-bottom: 65px;
}
.popup-search.type-search-product .wrapper-shop {
grid-template-columns: repeat(3, 1fr);
margin-bottom: 30px;
}
.popup-search.type-search-product .top-title {
margin-bottom: 20px;
}
.sidebar-filter {
position: fixed;
bottom: 0;
z-index: 3000;
display: flex;
flex-direction: column;
background-clip: padding-box;
outline: 0;
}
.sidebar-filter.left {
top: 0;
left: 0;
transform: translateX(-100%);
}
.sidebar-filter.right {
top: 0;
right: 0;
transform: translateX(100%);
}
.sidebar-filter.show {
transform: none;
}
.banner-text-fashion .image-1 {
width: 80%;
}
.banner-text-fashion .image-2 {
left: 0%;
bottom: 5%;
top: 35%;
width: 50%;
}
.logo-header-2,
.logo-header {
display: flex;
justify-content: center;
}
.header-default .wrapper-header .nav-icon {
gap: 10px;
}
.header-absolute-2 {
margin-bottom: -64px;
}
.header-absolute-2:not(.header-bg) .logo-header .logo-white {
display: block;
}
.header-absolute-2:not(.header-bg) .logo-header .logo-dark {
display: none;
}
.header-absolute-2:not(.header-bg) .nav-icon .nav-icon-item {
color: var(--white);
}
.header-absolute-2:not(.header-bg) .mobile-menu {
color: var(--white);
}
.slider-scroll,
.product-thumbs-slider {
flex-direction: column;
}
.slider-scroll .flat-wrap-media-product,
.product-thumbs-slider .flat-wrap-media-product {
width: 100%;
}
.slider-scroll .tf-product-media-thumbs,
.product-thumbs-slider .tf-product-media-thumbs {
order: 1;
width: 100%;
}
.tab-vertical-product-desc {
display: block;
}
.tab-vertical-product-desc .menu-tab {
display: flex;
overflow: auto;
gap: 20px;
border-left: 0;
border-bottom: 1px solid var(--line);
}
.tab-vertical-product-desc .tab-link {
white-space: nowrap;
padding: 12px 0px;
}
.tab-vertical-product-desc .tab-link::after {
top: auto;
bottom: 0;
height: 1px;
width: 0;
left: 50%;
transform: translateX(-50%);
}
.tab-vertical-product-desc .tab-link.active::after {
width: 100%;
height: 1px;
}
.tab-vertical-product-desc .tab-content {
margin-top: 20px;
}
.tab-vertical-product-desc .wd-product-descriptions {
padding: 30px;
}
.tf-control-layout .sw-layout-4 {
display: none;
}
.card-product.card-product-size .countdown-box {
bottom: 40px;
}
.mx_40 {
margin-left: 24px;
margin-right: 24px;
}
.flat-controltab-nav .box-nav-swiper {
display: none;
}
}
@media (max-width: 1024px) {
.section-results .results-item {
margin-bottom: 30px;
}
h1,
.display-2xl {
font-size: 52px;
line-height: 70px;
}
.fs-84,
.display-2xl-2 {
font-size: 52px;
line-height: 62px;
}
h2,
.display-xl,
.display-xl-2 {
font-size: 40px;
line-height: 52px;
}
h3,
.display-lg,
.display-lg-2,
.display-lg-3 {
font-size: 38px;
line-height: 50px;
}
.display-lg-5,
.display-lg-4 {
font-size: 38px;
line-height: 48px;
}
h4,
.display-md,
.display-md-2,
.display-md-3 {
font-size: 30px;
line-height: 38px;
}
h5,
.display-sm {
font-size: 28px;
line-height: 36px;
}
h6,
.display-xs {
font-size: 22px;
line-height: 30px;
}
.flat-spacing-3 {
padding-top: 100px;
padding-bottom: 100px;
}
.flat-spacing-6,
.flat-spacing {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-11 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-14 {
padding-top: 73px;
padding-bottom: 88px;
}
.flat-spacing-15 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-16 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-17 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-19 {
padding-top: 87px;
padding-bottom: 100px;
}
.flat-spacing-21 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-22 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-23 {
padding-top: 100px;
padding-bottom: 100px;
}
.flat-spacing-28,
.flat-spacing-26 {
padding-top: 100px;
padding-bottom: 80px;
}
.flat-spacing-27 {
padding-top: 125px;
padding-bottom: 100px;
}
.flat-spacing-29 {
padding-top: 73px;
padding-bottom: 88px;
}
.flat-spacing-30 {
padding-top: 60px;
padding-bottom: 60px;
}
.tf-product-info-wrap .tf-product-delivery-return {
display: block;
}
.tf-product-info-wrap .tf-product-delivery-return .product-delivery:not(:last-child) {
padding-bottom: 25px;
margin-bottom: 25px;
border-right: 0;
border-bottom: 1px solid var(--line);
}
.banner-shop .box-title .title {
font-size: 30px;
line-height: 36px;
}
}
@media (max-width: 991px) {
.mt-lg-40 {
margin-top: 40px !important;
}
.section-asked-questions .content {
margin-bottom: 40px;
gap: 24px;
}
.section-asked-questions .faq-wrap {
padding: 24px 15px;
border-radius: 8px;
}
.wd-customer-review {
flex-direction: column;
}
.wg-cls-text {
padding: 15px;
}
.flat-wrapper-testimonial > img {
width: 150px;
}
.flat-wrapper-testimonial .img-item-2 {
left: 0;
bottom: 0;
}
.flat-wrapper-testimonial .img-item-1 {
top: 0;
}
.grid-cls-suppermarket .s-cls {
height: 400px;
}
@keyframes floating {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(10px);
}
}
.banner-text-skincare .text-xl-2 {
font-size: 18px;
line-height: 22px;
}
.s-contact .content-left {
margin-bottom: 42px;
}
.s-blog-single {
padding-top: 80px;
padding-bottom: 60px;
}
.popup-search.type-search-product .wrapper-shop {
row-gap: 30px;
}
.banner-tagline-phonecase {
flex-wrap: wrap;
gap: 30px;
}
.banner-tagline-phonecase .image {
width: 100%;
height: 450px;
}
.banner-tagline-phonecase .content {
gap: 5px;
}
.banner-tagline-phonecase .list-tagline li {
padding-left: 0px;
}
.card-product.style-list .box-icon {
width: 46px;
height: 46px;
}
.wg-pagination {
gap: 8px;
}
.wg-pagination .pagination-item {
width: 36px;
height: 36px;
font-size: 14px;
}
.banner-lookbook {
height: 500px;
}
.banner-container-wrap {
margin-bottom: 60px;
}
.s-banner-cd-baby .banner-container {
flex-wrap: wrap-reverse;
justify-content: center;
text-align: center;
padding: 30px 15px;
}
.banner-cls-phonecase .banner-content {
flex-wrap: wrap-reverse;
}
.s-banner-colection .box-content {
gap: 20px;
}
.s-banner-colection .box-title-banner {
gap: 5px;
}
.s-banner-colection br {
display: none;
}
.slider-fashion-3 .image {
margin-left: 100px;
}
.slider-default .box-title-slider,
.slider-style-2 .box-title-slider {
gap: 10px;
}
.slider-default .content-slider,
.slider-style-2 .content-slider {
gap: 20px;
}
.slider-default .slider-wrap {
height: 500px;
}
.sb-contact {
margin-bottom: 50px;
}
.sb-banner .image {
max-height: 600px;
}
.flat-single-product {
padding-bottom: 80px;
}
.nav-swiper {
width: 40px;
height: 40px;
}
.tf-btn {
padding: 10px 24px;
gap: 8px;
}
.tf-product-info-wrap .tf-product-extra-link {
gap: 15px;
}
.tf-bundle-product-item {
gap: 15px;
}
.tf-bundle-product-item .bundle-image {
width: 100px;
min-width: 100px;
}
.tf-product-fbt-wrap .fbt-image {
width: 100px;
min-width: 100px;
}
.tf-product-fbt-wrap .list-fbt {
gap: 20px;
}
.wg-cls {
gap: 12px;
}
.main-content-account {
flex-wrap: wrap;
}
#goTop {
right: 20px;
width: 32px;
height: 32px;
}
.sec-blog {
padding-top: 80px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.md-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.form-buyX-getY .item-product::before {
top: 24px;
}
.form-buyX-getY .group-item-product .arrow {
width: 42px;
height: 42px;
}
.sec-blog {
padding-top: 60px;
padding-bottom: 80px;
}
.s-blog-single {
padding-top: 60px;
padding-bottom: 60px;
}
.section-results .tf-grid-layout {
row-gap: 34px;
}
.section-results .results-item {
margin-bottom: 20px;
}
.slider-jewelry {
padding-left: 15px;
padding-right: 15px;
}
.slider-jewelry .heading {
font-size: 40px;
line-height: 52px;
}
.section-cls-tabs {
flex-direction: column;
}
.section-cls-tabs .left,
.section-cls-tabs .right {
width: 100%;
}
.leave-comment-wrap .title {
font-size: 24px;
line-height: 36px;
margin-bottom: 32px;
}
.s-term-user .term-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.modal-compare .title {
margin-bottom: 24px;
}
.s-contact .wg-map {
margin-bottom: 60px;
}
.sidebar-order-success .order-box {
padding-bottom: 24px;
}
.logo-header img {
width: 110px;
}
.form-default fieldset label {
font-size: 14px;
line-height: 22px;
}
.s-blog-single .group-image {
margin-bottom: 30px;
flex-wrap: wrap;
}
.tf-social-icon.style-1 a {
width: 38px;
height: 38px;
font-size: 14px;
}
.flat-wrapper-testimonial > img {
width: 120px;
}
.flat-wrapper-iconbox {
padding: 60px 24px 24px;
}
.footer-default {
font-size: 14px;
line-height: 22px;
}
.grid-cls-suppermarket .s-cls {
height: 350px;
}
.grid-cls-suppermarket .s-cls .content {
right: 100px;
}
.banner-lookbook .lookbook-item.position3 {
left: 37%;
}
.grid-cls-v5 .item1,
.grid-cls-v5 .item2,
.grid-cls-v5 .item3,
.grid-cls-v5 .item4 {
height: 400px;
}
.footer-logo {
max-width: 108px;
}
.s3-banner-with-text .content-with-text,
.s2-banner-with-text .content-with-text {
text-align: center;
justify-items: center;
}
.flat-title.style-between {
justify-content: center;
text-align: center;
flex-direction: column;
align-items: center !important;
}
.image-compare .icv__img-a {
height: 300px;
object-fit: cover;
}
.image-compare .icv__label {
padding: 6px 20px;
font-size: 14px;
line-height: 22px;
bottom: 12px;
}
.image-compare .icv__label-before {
left: 12px;
}
.image-compare .icv__label-after {
right: 12px;
}
.image-compare .icv__circle {
width: 42px;
height: 42px;
}
.image-compare .icv__circle::after {
width: 32px;
height: 32px;
}
.image-compare .icv__circle::before {
font-size: 12px;
}
.tf-main-success .box-progress-order {
gap: 12px;
text-wrap: nowrap;
overflow-x: auto;
}
.tf-main-success .box-progress-order .order-progress-item {
border: 0 !important;
padding: 0px 8px;
gap: 8px;
}
.tf-main-success .box-timeline-order {
margin: 42px auto 32px;
}
.title-success-order .icon {
width: 80px;
height: 80px;
}
.tf-checkout-cart-main .grid-2,
.tf-checkout-cart-main .grid-3 {
grid-template-columns: 1fr;
}
.table-page-cart thead {
display: none;
}
.table-page-cart .tf-cart-item {
margin-bottom: 15px;
padding-inline-start: 94px;
min-height: 140px;
display: block;
font-size: 12px;
font-weight: 500;
position: relative;
}
.table-page-cart .tf-cart-item .wg-quantity {
padding: 2px 4px;
}
.table-page-cart .tf-cart-item .tf-cart-item_total {
width: 100%;
}
.table-page-cart .tf-cart-item .img-box {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
width: 80px;
max-height: 110px;
}
.table-page-cart .tf-cart-item td {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
padding: 10px 0;
margin: 0;
}
.table-page-cart .tf-cart-item td:not(:last-child) {
border-bottom: 1px solid var(--line);
}
.table-page-cart .tf-cart-item td[data-cart-title]:before {
content: attr(data-cart-title);
color: var(--dark);
text-align: start;
flex: 1 1 auto;
}
.table-page-cart .tf-cart-item_product .cart-info .variants {
margin-bottom: 15px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
display: none !important;
}
.tf-sticky-btn-atc .tf-sticky-atc-infos {
width: 100%;
}
.tf-sticky-btn-atc .tf-sticky-atc-infos form {
flex-direction: column;
}
.wd-form-address {
padding: 20px 15px;
}
.account-orders .account-no-orders-wrap img {
margin-bottom: 30px;
}
.account-orders .account-no-orders-wrap .text {
margin-bottom: 24px;
}
.modal-compare .modal-content {
padding: 24px 15px;
}
.modal-order-detail .list-infor {
gap: 15px;
margin-bottom: 32px;
}
.modal-order-detail .list-infor li:not(:last-child) {
padding-right: 15px;
}
.modal-order-detail .tb-order-detail [data-title]:before {
content: attr(data-title);
text-align: start;
flex: 1 1 auto;
}
.modal-order-detail .tb-order-detail .item {
font-size: 14px;
}
.modal-order-detail .tb-order-detail .order-detail-item:not(.subtotal) {
padding: 15px;
padding-left: 90px;
position: relative;
flex-direction: column;
align-items: start;
gap: 10px;
}
.modal-order-detail .tb-order-detail .order-detail-item:not(.subtotal) .image {
position: absolute;
top: 15px;
left: 0;
width: 80px;
height: 111.7px;
}
.modal-order-detail .tb-order-detail .order-detail-item:not(.subtotal) .item {
width: 100%;
display: flex;
justify-content: space-between;
}
.modal-order-detail .tb-order-detail .subtotal .item {
width: max-content;
}
.modal-share-social .wrap-code {
margin-bottom: 20px;
}
.popup-style-2 .modal-content {
padding: 26px 20px;
}
.popup-style-2 .modal-header {
margin-bottom: 20px;
}
.form-ask-question button {
margin-top: 20px;
}
.popup-search.type-search-product .wrapper-shop {
grid-template-columns: repeat(2, 1fr);
}
.wg-map .map {
height: 350px;
}
.wg-map.style-absolute .box-store {
position: unset;
transform: unset;
max-width: 100%;
text-align: center;
}
.wg-map.style-absolute .box-store:not(.box-store-bg) {
padding: 30px 0px 0px;
}
.wg-map.style-absolute .box-store.box-store-bg {
margin-top: 24px;
}
.banner-account.banner-acc-countdown {
padding: 15px;
}
.account-dashboard .box-check-list {
gap: 15px;
}
.account-dashboard .banner-account .image img {
height: 250px;
object-fit: cover;
}
.popup-style-1 .popup-header {
padding: 15px;
padding-bottom: 10px;
}
.popup-style-1 .popup-header::after {
left: 15px;
right: 15px;
}
.popup-style-1 .popup-inner {
padding: 15px;
}
.modal-before-you-leave .content {
margin: 0 15px;
padding: 20px 0;
margin-bottom: 20px;
}
.modal-before-you-leave .content .heading {
margin-bottom: 16px;
}
.modal-before-you-leave .tf-mini-cart-sroll {
padding-left: 15px;
padding-right: 15px;
}
.popup-shopping-cart .tf-minicart-recommendations,
.popup-shopping-cart .tf-mini-cart-tool-content,
.popup-shopping-cart .tf-mini-cart-bottom-wrap,
.popup-shopping-cart .tf-mini-cart-tool,
.popup-shopping-cart .tf-mini-cart-threshold,
.popup-shopping-cart .tf-mini-cart-item {
padding-left: 15px;
padding-right: 15px;
}
.popup-shopping-cart .tf-mini-cart-tool-content .tf-cart-tool-btns .tf-btn {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
height: 48px;
}
.popup-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-info {
align-items: flex-start;
}
.popup-search .modal-content {
padding: 50px 0;
}
.popup-search .looking-for-wrap {
margin-bottom: 30px;
}
.popup-search .heading {
font-size: 20px;
font-weight: 500;
line-height: 30px;
margin-bottom: 24px;
}
.popup-search .form-search {
margin-bottom: 24px;
}
.modal-newsletter.style-absolute .modal-content img {
min-height: 500px;
}
.modal-newsletter.style-row .modal-top {
width: 100%;
height: 300px;
}
.modal-newsletter.style-row .modal-bottom {
width: 100%;
}
.card-product .tooltip,
.card-product .size-box {
display: none !important;
}
.card-product .price-wrap {
font-size: 14px;
line-height: 20px;
}
.card-product .list-product-btn li.wishlist, .card-product .list-product-btn li.compare {
display: none;
}
.card-product .list-product-btn .box-icon.wishlist, .card-product .list-product-btn .box-icon.compare {
display: none;
}
.card-product.style-2 .list-product-btn {
border-radius: 30px;
overflow: hidden;
border: 1px solid var(--line);
}
.card-product.style-2 .list-product-btn .box-icon {
border: none;
}
.card-product.style-2 .list-product-btn li:first-child .box-icon {
border-right: 1px solid var(--line);
}
.card-product.style-3 .product-btn-main .btn-main-product {
padding: 6px;
}
.card-product.style-3 .product-btn-main .btn-main-product span {
font-size: 12px;
line-height: 20px;
}
.card-product.style-3 .product-btn-main .btn-main-product .icon {
display: none;
}
.card-product.style-3 .product-btn-main .btn-main-product.quickview {
display: flex;
}
.card-product.out-of-stock .card-product-wrapper::before {
content: "Sold Out";
width: 60px;
height: 60px;
font-size: 10px;
}
.card-product.style-list .add-to-cart {
padding: 6px 24px;
font-size: 14px;
}
.card-product.style-list .box-icon {
width: 38px;
height: 38px;
}
.card-product.style-list .list-product-btn {
gap: 8px;
}
.grid-cls-v1 .wg-cls .image {
height: 400px;
}
.banner-text-plant .image img {
max-height: 500px;
}
.s-banner-with-text .content-banner {
text-align: center;
gap: 15px;
margin-top: 30px;
}
.s-banner-with-text .banner-container-wrap {
margin-bottom: 50px;
}
.s-banner-with-text .box-title-banner {
gap: 5px;
}
.s-banner-product .image-wrap {
width: 100%;
}
.s-banner-product .content-banner {
gap: 20px;
flex-wrap: wrap;
}
.s-banner-product .content-right {
gap: 20px;
}
.s-banner-product .content-right .box-title {
gap: 5px;
}
.s-banner-product .image {
max-width: unset;
height: 600px;
}
.wg-countdown-2 .countdown__item {
gap: 0px;
min-width: 40px;
}
.wg-countdown-2 .countdown__value {
font-size: 30px;
line-height: 40px;
}
.s-banner-countdown .banner-content {
left: 15px;
right: 15px;
transform: translateY(-50%);
}
.s-banner-countdown .image img {
min-height: 400px;
}
.s-banner-colection .tf-col-2 {
grid-template-columns: repeat(1, 1fr);
}
.s-banner-colection .box-content {
margin: 0px;
text-align: center;
}
.s-banner-colection .image img {
width: 100%;
object-fit: cover;
}
.sw-dots .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
.sw-dots .swiper-pagination-bullet::after {
width: 20px;
height: 20px;
}
.slider-pod br {
display: none;
}
.slider-style-2 .slider-wrap {
flex-wrap: wrap-reverse;
}
.slider-style-2 .box-content-left {
padding: 70px 0px 80px;
position: unset;
width: 100%;
}
.slider-style-2 .box-content-left br {
display: none;
}
.slider-style-2 .image {
width: 100%;
height: 300px;
}
.slider-default .slider-wrap {
height: 400px;
}
.slider-default .wrap-pagination {
bottom: 20px;
}
.wg-coming-soon {
padding-top: 60px;
padding-bottom: 60px;
}
.s-faq .name-faq {
margin-bottom: 20px;
}
.s-faq .faq-item:not(:last-child) {
margin-bottom: 30px;
}
.sb-contact {
padding: 30px 15px;
margin-bottom: 30px;
}
.sb-contact .title {
margin-bottom: 15px;
}
.sb-contact .sub {
margin-bottom: 15px;
}
.s-blog-single .heading {
gap: 10px;
margin-bottom: 30px;
}
.s-blog-single .heading .entry-meta {
gap: 5px 10px;
}
.s-blog-single .content .entry_image {
margin-bottom: 30px;
}
.s-blog-single .content > .text {
margin-bottom: 30px;
font-size: 14px;
line-height: 22px;
}
.s-blog-single .group-image {
margin-bottom: 30px;
}
.s-blog-single .block-quote {
margin-bottom: 20px;
}
.s-blog-single .block-quote p {
font-size: 14px;
line-height: 22px;
}
.s-blog-single .bot {
margin-bottom: 30px;
}
.s-blog-single .bot .entry-tag {
margin-bottom: 10px;
}
.s-blog-single .related-post {
gap: 15px;
padding: 30px 0px;
}
.s-blog-single .related-post p {
margin-bottom: 5px;
font-size: 12px;
}
.s-blog-single .related-post p.name-post {
font-size: 14px;
}
.s-blog-single .related-post .post {
gap: 10px;
}
.modal-before-you-leave .modal-content {
max-width: 320px;
}
h1,
.display-2xl {
font-size: 42px;
line-height: 60px;
}
.fs-84,
.display-2xl-2 {
font-size: 42px;
line-height: 52px;
}
h2,
.display-xl,
.display-xl-2 {
font-size: 30px;
line-height: 42px;
}
h3,
.display-lg,
.display-lg-2,
.display-lg-3 {
font-size: 28px;
line-height: 40px;
}
.display-lg-5,
.display-lg-4 {
font-size: 28px;
line-height: 38px;
}
h4,
.display-md,
.display-md-2,
.display-md-3 {
font-size: 24px;
line-height: 32px;
}
h5,
.display-sm {
font-size: 22px;
line-height: 30px;
}
h6,
.display-xs {
font-size: 20px;
line-height: 28px;
}
.text-xl {
font-size: 18px;
line-height: 28px;
}
.text-xl-2 {
font-size: 18px;
line-height: 22px;
}
.text-xl-3 {
font-size: 18px;
line-height: 30px;
}
.text-lg {
font-size: 16px;
line-height: 26px;
}
.text-md {
font-size: 14px;
line-height: 22px;
}
.body-text {
font-size: 14px;
line-height: 22.6px;
}
.body-text-2 {
font-size: 14px;
line-height: 16.2px;
}
.s-banner-bundle .bundle-wrap {
margin-top: 32px;
}
.s2-banner-bundle .bundle-wrap {
margin-top: 60px;
}
.banner-about {
height: 300px;
}
#header .nav-icon .nav-account,
#header .nav-icon .nav-wishlist,
#header .nav-icon .nav-compare {
display: none;
}
.footer .footer-heading-mobile {
display: block;
position: relative;
}
.footer .footer-heading-mobile::after {
position: absolute;
content: "";
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 1px;
background-color: var(--dark);
transition: 0.25s ease-in-out;
}
.footer .footer-heading-mobile::before {
position: absolute;
content: "";
right: 15px;
top: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 12px;
background-color: var(--dark);
transition: 0.25s ease-in-out;
}
.footer .footer-col-block.open .footer-heading-mobile::before {
opacity: 0;
}
.footer .footer-col-block.open .footer-heading-mobile::after {
transform: translate(0%, -50%) rotate(180deg);
}
.footer .footer-col-block .tf-collapse-content {
display: none;
}
.footer .footer-menu {
flex-direction: column;
gap: 18px;
margin-bottom: 18px;
}
.footer .footer-menu > div {
width: 100%;
}
.flat-spacing-6,
.flat-spacing-2,
.flat-spacing {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-9,
.flat-spacing-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.flat-spacing-5 {
padding-top: 30px;
padding-bottom: 30px;
}
.flat-spacing-8 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-10 {
padding-top: 40px;
padding-bottom: 50px;
}
.flat-spacing-11 {
padding-top: 60px;
padding-bottom: 80px;
}
.flat-spacing-12 {
padding-top: 60px;
padding-bottom: 44px;
}
.flat-spacing-13 {
padding-top: 60px;
padding-bottom: 80px;
}
.flat-spacing-14 {
padding-top: 63px;
padding-bottom: 78px;
}
.flat-spacing-15 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-16 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-17 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-19 {
padding-top: 67px;
padding-bottom: 80px;
}
.flat-spacing-20 {
padding-top: 66px;
padding-bottom: 66px;
}
.flat-spacing-21 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-22 {
padding-top: 80px;
padding-bottom: 80px;
}
.flat-spacing-23 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-25 {
padding-top: 60px;
padding-bottom: 80px;
}
.flat-spacing-26 {
padding-top: 80px;
padding-bottom: 60px;
}
.flat-spacing-28 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-27 {
padding-top: 60px;
padding-bottom: 60px;
}
.flat-spacing-29 {
padding-top: 63px;
padding-bottom: 78px;
}
.flat-single-product {
padding-bottom: 60px;
}
.tf-product-info-wrap {
margin-top: 40px;
}
.tf-product-fbt {
padding: 15px;
}
.tf-product-fbt .bundle-total-submit {
font-size: 16px;
line-height: 26px;
}
.tf-bundle-product-item .bundle-image {
width: 80px;
min-width: 80px;
}
.flat-single-grid {
display: flex;
overflow: auto;
gap: 10px;
padding-bottom: 10px;
}
.flat-single-grid::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.flat-single-grid::-webkit-scrollbar-track {
background-color: var(--line);
}
.flat-single-grid::-webkit-scrollbar-thumb {
background: var(--primary);
}
.flat-single-grid .item {
width: 584px;
height: 826px;
flex-shrink: 0;
}
.tab-vertical-product-desc .wd-product-descriptions {
padding: 30px 15px;
}
.tf-control-layout .sw-layout-3 {
display: none;
}
.tf-group-filter {
gap: 6px;
}
.brand-item {
max-width: 200px;
height: 74px;
}
.mx_40 {
margin-left: 15px;
margin-right: 15px;
}
.banner-shop {
height: 500px;
}
.banner-shop .box-title .title {
font-size: 26px;
line-height: 28px;
}
.cls-video .img-product {
max-width: 68px;
}
.cls-video .icon {
width: 35px;
height: 35px;
}
.menu-tab-fill .tab-link {
min-width: 100px;
padding: 5px 15px;
}
.slider-wrap-lb .card-product {
display: flex;
align-items: flex-start;
gap: 12px;
text-align: left;
}
.slider-wrap-lb .card-product .card-product-info {
padding: 0;
justify-items: flex-start;
}
.slider-wrap-lb .card-product .tf-btn {
padding: 6px 14px;
font-size: 14px;
line-height: 22px;
}
.slider-wrap-lb .card-product .card-product-wrapper {
max-width: 140px;
}
.slider-wrap-lb .card-product .box-icon {
border-radius: 50% !important;
}
.footer-pb-2 {
padding-bottom: 197px;
}
.tf-btn {
font-size: 14px;
line-height: 24px;
padding: 8px 20px;
}
.s-contact.style-2 .content-left {
width: 100%;
}
.popup-product .modal-header {
margin-bottom: 32px;
margin-top: 20px;
}
}
@media (max-width: 575px) {
.tf-main-success .ship-address-item {
margin-bottom: 24px;
}
.tf-main-success .ship-address-item .title {
margin-bottom: 15px;
}
.text-xl {
font-size: 16px;
line-height: 26px;
}
.text-xl-2 {
font-size: 16px;
line-height: 20px;
}
.text-xl-3 {
font-size: 16px;
line-height: 28px;
}
.card-product.style-list .card-product-info .desc {
display: none;
}
.card-product .on-sale-item {
font-size: 12px;
line-height: 24px;
height: 24px;
}
.banner-lookbook .lookbook-item.position3 {
left: 24%;
}
.wg-testimonial-2 .text {
font-size: 20px;
}
.grid-cls-v5 .item1,
.grid-cls-v5 .item2,
.grid-cls-v5 .item3,
.grid-cls-v5 .item4 {
height: 300px;
}
.grid-cls-v5 .wg-cls .tf-btn {
padding: 8px 15px;
}
.grid-cls-v5 .wg-cls .tf-btn .icon {
display: none;
}
.slider-default .content-slider .sub {
display: none;
}
.slider-electronic .reverse-slide img {
position: absolute;
top: 0;
left: 0;
width: 630px;
min-width: max(100%, 630px);
}
.image-compare .icv__img-a {
height: 200px;
}
.form-login .button-wrap {
flex-wrap: wrap;
}
.loobook-product {
padding: 12px;
gap: 10px;
}
.loobook-product .zero {
display: none;
}
.loobook-product .btn-lookbook {
width: 32px;
height: 32px;
font-size: 12px;
}
.loobook-product .content {
gap: 8px;
}
.s-banner-product .image {
height: 450px;
}
.s-banner-product .loobook-product {
left: 15px;
right: 15px;
bottom: 15px;
}
.wg-countdown-2 {
padding: 15px;
}
.wg-countdown-2 .countdown__timer {
gap: 29px !important;
}
.wg-countdown .countdown__timer {
gap: 10px;
}
.wg-countdown .countdown__item {
width: 60px;
height: 70px;
}
.wg-countdown .countdown__value {
font-size: 24px;
line-height: 32px;
}
.s-coming-soon br {
display: none;
}
.s-coming-soon .sub {
margin-bottom: 25px;
}
.s-coming-soon .wg-countdown {
margin-bottom: 25px;
}
.s-coming-soon .form-email-wrap {
margin-bottom: 25px;
}
.blog-item.style-2 {
flex-wrap: wrap;
}
.blog-item.style-2 .entry_image {
max-width: unset;
min-height: 350px;
max-height: 400px;
}
.s-blog-single .related-post .icon {
display: none;
}
.s-blog-list-grid {
grid-template-columns: repeat(1, 1fr);
}
.footer-default .footer-contact,
.footer-default .s3 .footer-col-block:first-child .footer-menu-list,
.footer-default .footer-newsletter {
margin-bottom: 30px;
}
.footer-default .footer-heading {
margin-bottom: 20px;
}
.footer-default .s3 .footer-col-block:last-child .footer-menu-list {
margin-top: 20px;
}
.footer-default .s3 .footer-col-block:last-child .footer-heading {
margin-bottom: 0px;
}
.footer-style-2 .footer-menu-list {
margin-bottom: 20px;
}
.footer-style-2 .s4 .footer-heading {
margin-bottom: 0;
}
.footer-style-2 .s4 .footer-newsletter {
margin-top: 20px;
margin-bottom: 0px;
}
.footer-heading-mobile {
display: block;
position: relative;
padding-right: 20px;
line-height: 24px;
}
.footer-heading-mobile::after {
position: absolute;
content: "";
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 1px;
background-color: var(--dark);
transition: 0.25s ease-in-out;
}
.footer-heading-mobile::before {
position: absolute;
content: "";
right: 15px;
top: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 12px;
background-color: var(--dark);
transition: 0.25s ease-in-out;
}
.footer-col-block.open .footer-heading-mobile::before {
opacity: 0;
}
.footer-col-block.open .footer-heading-mobile::after {
transform: translate(0%, -50%) rotate(180deg);
}
.footer-col-block .tf-collapse-content {
display: none;
}
.flat-single-grid .item {
width: 350px;
height: 450px;
flex-shrink: 0;
}
.form-default .cols {
flex-wrap: wrap;
}
.wg-testimonial.style-row {
flex-direction: column-reverse;
}
.wg-testimonial.style-row .image {
width: 60%;
margin: 12px auto 0px;
}
.tf-sw-iconbox-row .tf-icon-box {
justify-content: center;
}
.cls-bn-content .img-product {
max-width: 62px;
max-height: 75px;
}
.banner-shop {
height: 400px;
}
.modal-order-detail .list-infor li:not(:last-child) {
padding-right: 0;
}
.modal-order-detail .list-infor li:not(:last-child)::after {
display: none;
}
.form-buyX-getY .group-item-product {
flex-direction: column;
align-items: unset;
}
.form-buyX-getY .group-item-product .arrow {
margin-top: -12px;
margin-left: auto;
margin-right: auto;
transform: rotate(90deg);
}
.form-review .group-2-ip {
grid-template-columns: 1fr;
}
}
@media (max-width: 425px) {
.js-countdown .countdown__timer {
gap: 5px;
}
}
.form-group-product .tf-product-total-quantity {
display: grid;
gap: 12px;
}
.form-group-product .table-group-product {
margin-bottom: 24px;
overflow: auto;
}
.form-group-product .item-product {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.form-group-product .item-product .item-product-name {
padding: 0;
margin: 0;
border: none;
display: flex;
align-items: center;
gap: 16px;
max-width: 265px;
width: 100%;
flex-shrink: 0;
}
.form-group-product .item-product .item-product-content {
padding: 0;
margin: 0;
border: none;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.form-group-product .item-product:not(:last-child) {
margin-bottom: 16px;
}
.form-group-product .item-product .img-product {
width: 83px;
height: 83px;
border-radius: 4px;
}
.form-group-product .item-product .item-product-price {
max-width: 150px;
flex-shrink: 0;
}
.form-group-product .item-product .price-new {
color: var(--primary);
}
.form-group-product .item-product .price-old {
color: var(--rgba-dark);
text-decoration: line-through;
}
.form-group-product .item-product .note {
margin-top: 6px;
font-size: 12px;
line-height: 18px;
}
.form-group-product .item-product .available {
color: var(--primary);
}
.form-group-product .item-product .in-stock {
color: #34a853;
}
.form-group-product .item-product .tf-btn {
flex-shrink: 0;
}
.form-group-product .item-product .wg-quantity {
flex-shrink: 0;
}
.form-group-product .item-product .item-product-action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 1200px) {
.form-group-product .table-group-product tbody {
display: block;
overflow: auto;
}
}
.tf-quick-add-modal .wcboost-wishlist-button {
width: 48px;
height: 48px;
border: 1px solid var(--line);
font-size: 14px;
padding: 12px;
background-color: var(--white);
color: var(--dark);
position: relative;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0;
}
.tf-quick-add-modal .wcboost-wishlist-button:hover {
background-color: var(--dark) !important;
color: var(--white);
border-color: var(--dark);
}
.tf-quick-add-modal .wcboost-products-compare-button {
width: 48px;
height: 48px;
border: 1px solid var(--line);
font-size: 14px;
padding: 12px;
background-color: var(--white);
color: var(--dark);
position: relative;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0;
}
.tf-quick-add-modal .wcboost-products-compare-button:hover {
background-color: var(--dark) !important;
color: var(--white);
border-color: var(--dark);
}
.tf-quick-add-modal .wcboost-wishlist-button__text {
display: none !important;
}
.tf-quick-add-modal .wcboost-products-compare-button__text {
display: none !important;
}
.tf-quick-add-modal .group-btn {
display: flex;
flex-wrap: wrap;
row-gap: 32px;
column-gap: 12px;
align-items: center;
}
.tf-quick-add-modal .group-btn .quantity {
width: 100%;
}
.tf-quick-add-modal .group-btn .wg-quantity {
display: inline-flex;
}
.tf-quick-add-modal .tf-btn {
height: 48px;
}
.tf-quick-add-modal .tf-buy-now-btn {
margin-top: 15px;
height: 48px;
}
.tf-quick-add-modal .more-choose-payment {
display: block;
text-align: center;
margin-top: 32px;
text-decoration: underline;
font-size: 14px;
line-height: 120%;
font-weight: 400;
display: flex;
justify-content: center;
margin: auto;
margin-top: 32px;
}
.tf-quick-add-modal .btn-add-to-cart {
flex-grow: 1;
}
.tf-quick-add-modal .item-product-info {
display: flex;
align-items: center;
margin-bottom: 32px;
gap: 20px;
padding: 0;
}
.tf-quick-add-modal .product-img {
max-width: 112px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.tf-quick-add-modal .content-box {
display: grid;
gap: 8px;
}
.tf-quick-add-modal .price-show-badge {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.tf-quick-add-modal .icon-close {
font-size: 16px;
top: 5px;
right: 5px;
position: absolute;
padding: 15px;
}
.tf-quick-add-modal .tf-price .price {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
font-weight: 500;
}
.tf-quick-add-modal .tf-price del {
color: var(--dark);
}
.tf-quick-add-modal form {
margin: 0;
padding: 0;
border: 0;
}
.tf-quick-add-modal .variations {
margin: 0;
}
.tf-quick-add-modal .variations tr {
margin-bottom: 24px !important;
}
.tf-quick-add-modal .variations th {
margin-bottom: 12px !important;
}
.tf-quick-add-modal .tf-product-total-quantity {
margin: 0 !important;
}
.tf-quick-add-modal .reset_variations {
display: none !important;
}
.tf-quick-add-modal .quantity .label {
font-family: "DM Sans", sans-serif;
margin-bottom: 10px;
}
.tf-quick-add-modal .inner-quantity .qty_button {
width: 42px;
height: 48px;
}
.tf-quick-add-modal .inner-quantity .qty {
width: 42px;
height: 48px;
}
.tf-quick-add-modal .tf-label label span {
margin: 0;
font-weight: 600;
}
.tf-quick-add-modal .tf-label label span::before {
font-weight: 400;
}
@media (max-width: 480px) {
.tf-quick-add-modal .tf-main-product .inner-quantity .qty_button {
width: 42px;
height: 42px;
}
.tf-quick-add-modal .tf-main-product .inner-quantity .qty {
width: 42px;
height: 42px;
}
.tf-quick-add-modal .tf-btn {
height: 42px;
}
.tf-quick-add-modal .tf-buy-now-btn {
margin-top: 15px;
height: 42px;
}
}
.modal-quick-view .modal-content {
min-height: 650px;
}
.modal-quick-view form {
margin: 0;
padding: 0;
border: 0;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant tbody {
gap: 20px;
}
.modal-quick-view .tf-price {
font-size: 24px;
line-height: 29px;
}
.modal-quick-view .table-group-product .item-product-name {
max-width: 240px;
}
.modal-quick-view .table-group-product .item-product-name a.name {
font-size: 14px;
}
.modal-quick-view .table-group-product .item-product-price {
max-width: 140px;
}
.modal-quick-view .table-group-product .item-product-content {
gap: 10px;
}
.modal-quick-view .table-group-product .tf-price {
font-size: 14px;
}
.modal-quick-view .tf-product-media-wrap {
height: auto !important;
min-height: 250px;
}
.modal-quick-view .swiper {
height: 100% !important;
}
@media (max-width: 480px) {
.modal-quick-view .tf-main-product .inner-quantity .qty_button,
.modal-quick-view .tf-main-product .inner-quantity .qty {
width: 42px !important;
height: 42px !important;
}
.modal-quick-view .tf-btn {
height: 42px;
}
.modal-quick-view .tf-buy-now-btn {
height: 42px;
}
}
.modal-quick-view .tf-out-stock-wrapper {
margin-bottom: 32px;
}
.tf-toolbar-bottom {
z-index: 200;
}
.modal-quick-view {
z-index: 1000;
}
.tf-quick-add-modal {
z-index: 1005;
}
.modal-shopping-cart {
z-index: 1010;
}
.modal-compare {
z-index: 1015;
}
.modal.show {
background: var(--backdrop);
}
.modal-backdrop.show {
display: none;
}
.jq-toast-wrap {
width: auto;
max-width: 400px;
}
.jq-toast-loader {
top: 0;
height: 3px;
}
@media (max-width: 480px) {
.jq-toast-wrap {
max-width: 80%;
left: 10% !important;
top: 10px !important;
}
}.tf-single-product .container {
padding: 0;
}
.single-product-info-rate {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.single-product-info-rate .count-review {
font-family: "DM Sans", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 22.4px;
letter-spacing: -3%;
color: var(--text);
}
.product-info-price {
font-size: 30px;
line-height: 38px;
color: var(--primary);
}
.tf-price {
color: var(--primary);
}
.product-info-price .in-stock,
.tf-price .in-stock,
.woocommerce-grouped-product-list-item__price {
color: var(--dark);
}
.product-info-price ins,
.tf-price ins {
text-decoration: none;
order: -1;
}
.product-info-price del,
.tf-price del {
color: var(--rgba-dark);
text-decoration: line-through;
}
.tf-mini-cart-info .tf-price,
.tf-mini-cart-info .tf-price .woocs_special_price_code,
.woocommerce-cart-form .tf-price,
.woocommerce-cart-form .tf-price .woocs_special_price_code,
.tf-quick-add-modal .tf-price,
.tf-quick-add-modal .tf-price .woocs_special_price_code,
.modal-quick-view .tf-price,
.modal-quick-view .tf-price .woocs_special_price_code {
display: flex; gap: 6px;
}
.woocommerce-cart-form .tf-price {
color: var(--dark);
justify-content: center;
}
.woocommerce-cart-form .tf-price ins {
color: var(--primary);
}
.tf-product-info-variant tbody tr:last-child td {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.tf-variant-dropdown {
width: 100%;
}
.tf-variant-dropdown .current-value {
min-height: 20px;
}
.tf-single-product .single_add_to_cart_button {
gap: 5px;
}
.tf-variation-dropdown-wrapper .select-item.disabled {
opacity: 0.5;
pointer-events: none;
}
.tf-main-product .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
.tf-main-product .woocommerce-variation-add-to-cart-disabled .tf-buy-now-btn {
opacity: 0.5;
pointer-events: none;
}
.woocommerce-variation .woocommerce-variation-price,
.woocommerce-variation .woocommerce-variation-availability {
display: none !important;
}
.tf-product-info-wrap .tf-product-info-list {
border: none;
gap: 0;
}
form.cart {
border-top: 1px solid var(--line);
margin-top: 24px;
padding-top: 24px;
}
form.cart .my-3 {
margin-top: 0 !important;
}
.tf-product-info-wrap .size-guide {
font-size: 14px;
line-height: 16.8px;
text-decoration: underline;
margin-bottom: 15px;
}
.tf-product-info-wrap .tf-product-info-variant .size-guide {
margin: 0;
}
.tf-main-product .inner-quantity .qty_button {
width: 44px;
font-size: 22px;
}
.tf-main-product .inner-quantity .qty {
width: 44px;
font-size: 20px;
font-weight: 500;
}
.tf-single-product .inner-quantity .qty_button,
.tf-single-product .inner-quantity .qty {
height: 42px !important;
}
.tf-product-info-wrap .tf-product-info-variant tbody {
display: grid;
gap: 24px;
}
.tf-product-info-variant .tf-label,
.tf-product-info-variant .tf-variation-items {
margin: 0;
padding: 0;
}
.tf-product-info-variant .tf-label label span {
text-transform: capitalize;
margin-left: 4px;
font-weight: 500;
}
.woocommerce-variation.single_variation {
display: none !important;
}
.wcboost-variation-swatches__item.disabled {
opacity: 0.5;
pointer-events: none;
}
.wcboost-variation-swatches--label .wcboost-variation-swatches__item {
border: 1px solid var(--line);
outline: 0;
box-shadow: none;
font-size: 20px;
line-height: 30px;
color: var(--dark);
font-weight: 500;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected {
border-color: var(--dark);
}
.wcboost-variation-swatches--image .wcboost-variation-swatches__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 6px;
border: 1px solid var(--line);
outline: 0;
box-shadow: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wcboost-variation-swatches--image .wcboost-variation-swatches__item .img {
width: 100%;
height: 100%; overflow: hidden;
}
.wcboost-variation-swatches--image .wcboost-variation-swatches__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.variations_form .wcboost-variation-swatches--color .wcboost-variation-swatches__wrapper {
gap: 12px;
}
.wcboost-variation-swatches--color {
--wcboost-swatches-item-width: 38px;
--wcboost-swatches-item-height: 38px;
}
.wcboost-variation-swatches--label {
--wcboost-swatches-item-width: 48px;
--wcboost-swatches-item-height: 48px;
}
.wcboost-variation-swatches--image {
--wcboost-swatches-item-width: 56px;
--wcboost-swatches-item-height: 56px;
}
.wcboost-variation-swatches--color .wcboost-variation-swatches__item {
position: relative; display: flex;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid transparent;
outline: 0;
box-shadow: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected,
.wcboost-variation-swatches--image .wcboost-variation-swatches__item.selected {
border-color: var(--dark-2);
}
.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name { display: block; border: 1px solid #dcdcdc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .tf-variation-dropdown-wrapper .dropdown-menu {
cursor: auto;
}
.tf-variation-dropdown-wrapper .select-item {
cursor: pointer;
}
.tf-variation-dropdown-wrapper .select-item.disabled {
cursor: not-allowed;
}
.wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name,
.tf-variation-dropdown-wrapper .select-item.disabled {
position: relative;
text-decoration: line-through;
}
.wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name::after,
.wcboost-variation-swatches__item.disabled .img::after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 100%;
left: 50%;
right: 0;
top: 0;
bottom: 0;
border: 0;
outline: 0;
box-shadow: none;
background: #000;
z-index: 9999; transform: rotate(30deg);
}
.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name::after,
.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name::after,
.wcboost-variation-swatches--select .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name::after {
content: unset;
}
.wcboost-variation-swatches__item.hover-tooltip::before,
.wcboost-variation-swatches__item.hover-tooltip::after {
display: none;
}
.popup-style-2 .modal-dialog {
max-width: 596px;
}
.popup-style-2 .modal-content {
padding: 32px 32px 41px;
}
.popup-style-2 .modal-header {
margin-bottom: 32px;
padding: 0;
padding-bottom: 10px;
}
.popup-style-2 .modal-header .icon-close {
font-size: 16px;
}
.modal .modal-content {
border-radius: 16px;
}
.form-ask-question .wpcf7-submit {
margin-top: 42px;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
letter-spacing: -0.03em;
}
.form-ask-question .wpcf7-spinner {
position: absolute;
}
.tf-add-to-cart-loading .spinner {
width: 24px;
height: 24px;
}
.card-item img {
aspect-ratio: 4/3;
object-fit: cover;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
}
.tf-social-icon .facebook .social-item:hover {
background-color: transparent;
color: var(--facebook-cl);
border-color: var(--facebook-cl);
}
.tf-social-icon .instagram .social-item:hover {
background-color: transparent;
color: var(--threads-cl);
border-color: var(--threads-cl);
}
.tf-social-icon .twitter .social-item:hover {
background-color: transparent;
color: var(--twitter-cl);
border-color: var(--twitter-cl);
}
.tf-social-icon .snapchat .social-item:hover {
background-color: transparent;
color: var(--snapchat-cl);
border-color: var(--snapchat-cl);
}
.wcboost-products-compare-popup,
.wcboost-products-compare-bar {
display: none;
}
.tf-clear-compare {
cursor: pointer;
}
.woocommerce-grouped-product-list-item .wg-quantity {
display: inline-flex;
}
.volume-discount-item {
cursor: pointer;
}
.volume-discount-item .image-box {
overflow: hidden;
}
.volume-discount-item .image-box img { object-fit: cover;
}
.page-header {
padding-top: 32px;
padding-bottom: 32px;
}
.flat-single-grid .item>a {
width: 100%;
}
.flat-single-grid .item {
height: auto !important;
}
.tf-product-media-thumbs .stagger-item {
height: auto;
}
.flat-wrap-media-product .wrapper-gallery {
width: 100%;
height: 100%;
}
.flat-wrap-media-product .woocommerce-product-gallery__image img {
width: 100%;
}
.flat-wrap-media-product .wrapper-gallery .item {
border-radius: 12px;
overflow: hidden;
height: auto;
}
.flat-wrap-media-product .wrapper-gallery a {
width: 100%;
height: 100%;
}
.flat-wrap-media-product .wrapper-gallery a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.stagger-item {
cursor: pointer;
}
.tf-single-product .sticky-top {
top: 30px;
}
.admin-bar .tf-single-product .sticky-top {
top: 62px;
}
.tf-inner-zoom-box {
position: relative;
z-index: 1;
}
.pswp__zoom-wrap {
background: transparent !important;
}
.tf-single-product .hidden {
display: none !important;
visibility: hidden !important;
}
.tf-single-product .tf-overlay-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.tf-single-product .tf-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
opacity: 1;
}
.tf-single-product .slide-3d .item {
width: 100%;
height: 100%;
}
.tf-product-fbt-wrap {
overflow: hidden;
}
.tf-product-fbt-wrap,
.tf-product-fbt {
margin-top: 42px;
} .tf-sticky-btn-atc {
left: 0;
right: 0;
}
.tf-sticky-atc-wrapper:not(.show) {
bottom: 0;
}
.tf-sticky-btn-atc .single_variation_wrap {
display: none;
}
.tf-sticky-btn-atc .tf-sticky-atc-title {
white-space: nowrap;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
max-width: 20%;
}
.tf-sticky-btn-atc .tf-height-observer {
max-width: 100%;
overflow-x: auto;
} .tf-sticky-btn-atc .tf-sticky-atc-options {
display: flex;
gap: 20px;
overflow-x: auto;
}
.tf-fbt-btn.disabled,
.tf-sticky-atc-ajax.disabled {
opacity: 0.4;
pointer-events: none;
cursor: none;
}
.tf-product-info-delivery-return {
justify-content: center;
}
.product-delivery {
flex: 1 1 50%;
}
.slide-video iframe {
width: 100%;
height: 750px;
max-height: 100%;
}
.wrap-code.style-1 .coppyText {
font-size: 12px;
overflow: hidden;
white-space: nowrap;
margin-right: 15px;
}
.tf-out-stock-wrapper .btn-out-stock {
opacity: 0.5;
cursor: none;
pointer-events: none;
}
.jq-toast-single {
padding-right: 20px;
}   .tf-product-info-wrap {
gap: 0;
}
.form-group-product .item-product .img-product {
min-width: 83px;
height: 83px;
object-fit: cover;
object-position: top;
}
input.wc-grouped-product-add-to-cart-checkbox {
position: relative;
background: transparent;
cursor: pointer;
outline: 0;
-webkit-appearance: none;
width: 24px;
height: 24px;
min-width: 24px;
border: 1px solid var(--rgba-dark-3);
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
input.wc-grouped-product-add-to-cart-checkbox:checked {
border-color: var(--primary);
background-color: var(--primary);
}
input.wc-grouped-product-add-to-cart-checkbox::before {
font-weight: 500;
font-family: "vince";
content: "\e92c";
position: absolute;
color: var(--white);
opacity: 0;
font-size: 10px;
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input.wc-grouped-product-add-to-cart-checkbox:checked::before {
opacity: 1;
transform: scale(1);
}
.tf-bundle-note {
font-size: 0.9em;
color: #555;
white-space: nowrap;
}
.woocommerce-cart-form .tf-bundle-note {
margin-bottom: 5px;
}
.tf-bundle-note.bundle-free-item {
color: #008000;
}
.tf-bundle-note.bundle-discount-item {
color: #0071a1;
}
.quantity-bundle-product {
font-size: 14px;
font-weight: 500;
line-height: 16.8px;
letter-spacing: -0.03em;
height: 30px; }
.cart-item-quantity {
text-align: center;
}
.cart-item-quantity .quantity-bundle-product {
font-size: 16px;
} .tf-buyx-gety-wrapper {
margin-bottom: 42px;
}
.tf-buyx-gety-wrapper .item-product {
width: 50%;
}
.tf-product-info-wrap .tf-product-info-heading .category {
margin-bottom: 24px;
}
.tf-quick-add-modal .tf-price {
color: var(--primary);
font-weight: 500;
} .tf-single-product .tf-product-info-wrap {
margin-top: 40px;
}
.left-col .tf-product-fbt-wrap,
.left-col .tf-product-fbt {
margin-right: 0px;
}
.tf-product-media-wrap.thumbs-slider {
flex-direction: column-reverse !important;
}
.tf-product-media-wrap.thumbs-slider .tf-product-media-thumbs,
.tf-product-media-wrap.thumbs-slider .flat-wrap-media-product {
order: 0 !important;
}
.tf-product-media-wrap.thumbs-slider .flat-wrap-media-product>.swiper {
border-radius: 12px;
}
.tf-product-media-wrap.thumbs-slider .flat-wrap-media-product .wrapper-gallery .item {
border-radius: 0;
max-height: 758px;
margin: 0;
}
.form-buyX-getY .group-item-product {
align-items: center;
flex-direction: row;
}
.form-buyX-getY .group-item-product .arrow {
transform: rotate(0deg);
}
.tf-quick-add-modal .tf-main-product .inner-quantity .qty_button,
.tf-quick-add-modal .tf-main-product .inner-quantity .qty {
height: 42px;
}
.modal-quick-view .inner-quantity .qty_button,
.modal-quick-view .inner-quantity .qty {
height: 42px !important;
}
.tf-model-viewer model-viewer {
height: 100%;
min-height: 650px;
}
@media (max-width: 1200px) { }
@media (max-width: 1024px) {
.product-info-price {
font-size: 28px;
line-height: 36px;
}
}
@media (max-width: 991px) { .tf-product-info-wrap .tf-product-info-list {
padding-bottom: 0;
margin-bottom: 0;
}
.flat-single-product {
padding-bottom: 60px;
} }
@media (max-width: 767px) {
.product-info-price {
font-size: 22px;
line-height: 30px;
}
.modal-quick-view .tf-price {
font-size: 20px;
line-height: 28px;
}
.tf-quick-add-modal .tf-btn {
height: 42px;
}
.modal-quick-view .tf-btn {
height: 42px;
}
.tf-quick-add-modal .wcboost-wishlist-button,
.tf-quick-add-modal .wcboost-products-compare-button {
width: 42px;
height: 42px;
}  .flat-single-grid {
overflow: hidden;
}
.flat-single-grid .item {
flex-basis: 100%;
}
}
@media (max-width: 575px) {
.flat-single-grid .item {
flex-basis: 100%;
}
.tf-product-info-wrap.sticky-top {
position: unset;
overflow: hidden;
}
.tf-grouped-form {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.table-group-product {
display: block;
}
}
@media (max-width: 480px) {
.form-buyX-getY .group-item-product {
flex-direction: column;
}
.form-buyX-getY .group-item-product .arrow {
transform: rotate(90deg);
}
.form-buyX-getY .item-product .img-product {
aspect-ratio: 1/1;
}
.form-buyX-getY .item-product img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
} .single_add_to_cart_button .dynamic-price {
display: none;
}
.tf-buyx-gety-wrapper .item-product {
width: auto;
}
.tf-product-info-wrap .tf-product-info-list {
margin-bottom: 0;
padding: 0;
}
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .btn-quantity,
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .qty {
width: 42px;
height: 42px;
}
}
@media (min-width: 768px) {
.flat-single-stacked,
.flat-single-grid-2 {
margin-right: 24px;
}
.tf-single-product .inner-quantity .qty_button,
.tf-single-product .inner-quantity .qty {
height: 46px !important;
}
.tf-quick-add-modal .tf-main-product .inner-quantity .qty_button,
.tf-quick-add-modal .tf-main-product .inner-quantity .qty {
height: 46px;
}
.modal-quick-view .inner-quantity .qty_button,
.modal-quick-view .inner-quantity .qty {
height: 46px !important;
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid {
display: block;
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid .item {
width: auto;
margin: 0;
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid .tf-swiper-wrapper-mobile {
transform: none !important;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid .item {
max-width: 100%;
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid.flat-single-grid-2 .item {
flex-basis: 50%;
max-width: calc(50% - 5px);
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid.flat-single-stacked .item:not(:first-child) {
flex-basis: 50%;
max-width: calc(50% - 5px);
}
.tf-product-swiper-mobile:not(.thumbs-slider) .flat-single-grid.flat-single-stacked .item:first-child {
flex-basis: 100%;
}
}
@media (min-width: 992px) {
.tf-single-product .inner-quantity .qty_button,
.tf-single-product .inner-quantity .qty {
height: 48px !important;
}
.tf-quick-add-modal .tf-main-product .inner-quantity .qty_button,
.tf-quick-add-modal .tf-main-product .inner-quantity .qty {
height: 48px;
}
.modal-quick-view .inner-quantity .qty_button,
.modal-quick-view .inner-quantity .qty {
height: 48px !important;
}
.tf-single-product .tf-product-info-wrap {
margin-top: 0px;
}
.left-col .tf-product-fbt-wrap,
.left-col .tf-product-fbt {
margin-right: 24px;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {  }
@media (min-width: 1200px) {
.tf-product-media-wrap.thumbs-slider.thumbs-left {
flex-direction: row !important;
}
.tf-product-media-wrap.thumbs-slider.thumbs-right {
flex-direction: row-reverse !important;
}
.tf-product-media-wrap.thumbs-slider:not(.thumbs-bottom) .tf-product-media-thumbs {
width: 122px;
} .tf-product-media-thumbs .swiper-slide .item img {
object-fit: unset;
}
}
.effect-flash {
position: relative;
overflow: hidden;
}
.effect-flash::after {
background-image: linear-gradient(90deg, transparent, var(--white), transparent);
content: "";
left: 150%;
position: absolute;
top: 0;
bottom: 0;
transform: skew(-20deg);
width: 200%;
animation: 3s cubic-bezier(0.01, 0.56, 1, 1) infinite erFlashEffect;
opacity: 0.7;
}
@keyframes erFlashEffect {
100%,
20% {
left: -200%;
}
}
@keyframes pulse2 {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}