{"version":3,"sources":["shop-components-flip.scss","shop-components-flip.css"],"names":[],"mappings":"AAKC,gB,CACC,Y,CACA,yB,CACA,uB,CACA,kB,CAJA,sB,CAOC,W,CAGD,sB,CAAA,uB,CAEC,qC,CACA,wB,CAID,uB,CACC,iB,CACA,U,CACA,Q,CACA,U,CACA,W,CACA,U,CACA,iB,CACA,gB,CACA,iB,CACA,iB,CACA,S,CAXA,8B,CAcC,U,CACA,iB,CACA,U,CACA,K,CACA,M,CACA,U,CACA,W,CACA,8D,CAAA,sD,CArBD,6B,CAyBC,U,CACA,iB,CACA,W,CACA,O,CACA,O,CACA,Q,CACA,4B,CACA,S,CAGA,sC,CAEC,qC,CAFD,qC,CAKC,6C,CACA,4C,CAID,sC,CAEC,kC,CAFD,qC,CAKC,6C,CACA,4C,CAKH,uB,CACC,U,CACG,Y,CACA,iB,CAIJ,6B,CACC,iB,CACA,S,CACA,Q,CACA,M,CACA,U,CACA,Y,CACA,6B,CAGD,qB,CACC,W,CACA,kB,CACA,iB,CACA,K,CACA,Q,CACA,8B,CACA,oB,CACA,iB,CACA,gB,CACA,gB,CACA,c,CAsBD,uB,CAnBA,uB,CAoBC,Y,CACA,sB,CACA,c,CAtBD,uB,CAEC,gB,CACA,U,CACA,e,CACA,e,CACA,kB,CACA,qB,CAIA,kB,CAVA,kB,CADA,0B,CAAA,0B,CAAA,0B,CAAA,0B,CAAA,0B,CA6SA,4B,CAAA,4B,CAAA,4B,CAAA,4B,CAAA,4B,CA/RC,iB,CACA,mB,CAIF,uB,CAIC,iB,CACA,e,CALA,kC,CAQC,4B,CACA,gB,CCrCE,4C,CDwCD,a,CACA,iB,CAKH,wB,CACC,iB,CACA,W,CAFA,0C,CCrCC,sC,CADA,wC,CD6CA,iB,CACA,qB,CARD,4B,CAYK,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CA9JN,qB,CAmKC,iB,CACA,Q,CACA,Q,CACA,6B,CACA,Q,CAKF,gB,CACC,Y,CACA,yB,CACA,uB,CACA,kB,CAJA,oD,CASG,U,CATH,mD,CAaG,W,CAbH,sB,CAmBC,W,CACA,c,CAGD,sB,CAAA,uB,CAEC,iB,CACA,6B,CAiCD,4B,CA9BA,uB,CACC,qC,CAGA,4B,CAAA,6B,CAIC,U,CACA,iB,CACA,Q,CACA,W,CACA,U,CACA,iB,CACA,qC,CACA,S,CACA,6B,CAZD,6B,CAgBC,mC,CACA,M,CAjBD,4B,CAqBC,oC,CACA,O,CAIF,4B,CACC,iB,CACA,W,CACA,S,CACA,iB,CACA,wB,CACA,Y,CACA,c,CACA,oB,CACA,kB,CACA,sB,CAwOA,kC,CAlPA,+B,CAcC,e,CCuGE,4C,CAnLA,yC,CD+ED,gB,CAiOF,qC,CAlPA,kC,CAqBE,iB,CACA,gB,CAtBF,oC,CAyBG,gB,CACA,c,CACA,iB,CCoGI,iD,CApLA,8C,CDmFH,c,CACA,gB,CAQL,uB,CACC,iB,CACA,gB,CAwHA,6B,CA1HA,2B,CAKC,iB,CACA,O,CACA,Q,CACA,8B,CACA,e,CAIF,6B,CACC,Y,CACA,c,CACA,e,CACA,sB,CACA,wB,CACA,Y,CAGD,uB,CACC,W,CACA,kB,CACA,gB,CACA,gB,CACA,c,CACA,gB,CC9FC,iC,CDiGA,c,CACA,gB,CAIF,uB,CACC,kB,CACA,gB,CAGD,6B,CACC,U,CACA,c,CACA,gB,CACA,c,CACA,e,CAGD,4B,CACC,U,CACA,c,CACA,gB,CACA,c,CACA,kB,CAGD,sB,CACC,Y,CACA,uB,CACG,e,CAHH,yC,CAKK,S,CALL,+C,CAQK,uC,CACA,kB,CATL,+C,CAaK,+B,CACA,kB,CAIN,wB,CACC,U,CACA,e,CAFA,gC,CAKC,4B,CALD,8C,CAQE,iB,CACA,Q,CACA,e,CAOJ,kB,CACC,yB,CACA,uB,CACA,kB,CAHA,wB,CAMC,Y,CAGD,wB,CAAA,yB,CAEC,iB,CACA,qC,CAGD,yB,CACC,wB,CAGC,+B,CACE,qB,CAGH,+B,CAEC,iB,CAKF,yB,CACC,iB,CACA,W,CAWD,yB,CACC,c,CACA,gB,CACA,e,CACA,qB,CAQD,yB,CACC,iB,CACA,Q,CACA,Q,CACA,6B,CACA,W,CACA,iB,CACA,oB,CACA,kB,CACA,gB,CACA,c,CAGD,yB,CACC,iB,CACA,Q,CACA,U,CACA,U,CACA,W,CACA,e,CANA,+B,CAAA,gC,CAWC,U,CACA,iB,CACA,S,CACA,U,CACA,kC,CAfD,gC,CAmBC,K,CACA,M,CApBD,+B,CAwBC,O,CACA,Q,CAzBD,8B,CA6BC,iB,CACA,Q,CACA,O,CACA,W,CACA,W,CACA,iB,CACA,U,CACA,uB,CACA,6B,CACA,S,CACA,iB,CAIF,+B,CACC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,U,CACA,Y,CACA,c,CACA,wB,CACA,kB,CACA,sB,CACA,gB,CAEA,sC,CACK,0B,CACA,2B,CACA,4B,CACA,e,CAJJ,yD,CAOM,S,CAPN,+D,CAUM,uC,CACA,kB,CAXN,+D,CAeM,+B,CACA,kB,CA9BP,uC,CA8CG,gB,CACA,c,CACA,a,CACA,iB,CAjDH,oD,CA6DE,kB,CACA,U,CA9DF,yD,CAoEE,kB,CAKH,0B,CACC,U,CADA,sC,CAIC,a,CA5LF,uB,CAiMC,iB,CACA,Q,CACA,Q,CACA,6B,CACA,c,CACA,e,CACA,iB,CACA,Q,CACA,Y,CACA,U,CAeD,mC,CAzNA,oC,CA6ME,c,CACA,e,CAWH,iB,CACC,Y,CACA,uB,CACA,kB,CAHA,uB,CAMC,W,CAGD,uB,CAAA,wB,CAEC,iB,CACA,wB,CAGD,wB,CACC,Y,CACA,c,CAGA,8B,CAEC,S,CAKF,sB,CACC,S,CACA,qB,CCzMC,gC,CD4MA,qB,CAGD,yBARD,sB,CASE,qB,CACA,WAGD,2B,CACC,Y,CACA,6B,CACA,kB,CACA,iB,CACA,wB,CACA,S,CAEA,yBARD,2B,CASE,qBAKH,wB,CACC,S,CACA,W,CACA,iB,CACA,K,CACA,U,CACA,iB,CACA,gB,CCjNC,kC,CDoNA,U,CACA,S,CAGD,yBAdD,wB,CAeE,sB,CACA,mBAhBD,4B,CA0BC,iC,CANA,U,CACA,W,CACA,c,CACA,e,CAGD,6B,CACC,iB,CACA,K,CACA,U,CACA,S,CACA,W,CACA,U,CACA,iB,CACA,gB,CAWF,sB,CAWA,wB,CAVC,a,CACA,W,CACA,wB,CACA,kB,CACA,gB,CACA,a,CACA,qB,CACA,oB,CAGD,wB,CAMC,a,CAEA,Y,CACA,uC,CACA,kB,CAEA,gD,CACC,6B,CACA,0B,CAIF,wB,CACC,mB,CACA,gB,CACA,qB,CACA,iB,CAEA,yBAND,wB,CAOE,kB,CACA,oBARD,2B,CAAA,2B,CAAA,2B,CAAA,2B,CAAA,2B,CAYC,iB,CACA,mB,CACA,a,CAGD,6B,CACC,oB,CACA,8B,CAGD,gD,CACC,e,CACA,kB,CAIF,4B,CACC,iB,CACA,gB,CACA,4B,CACA,iB,CACA,8B,CAGD,wB,CACC,mB,CACA,gB,CAGD,8B,CACC,iB,CACA,gB,CACA,iB,CACA,S,CACA,c,CACA,e,CACA,kB,CACA,kB,CAEA,yBAVD,8B,CAWE,c,CACA,iBArLF,sB,CA0LC,c,CACA,e,CACA,iB,CACA,Q,CACA,Y,CC/OG,6C,CAlJA,8C,CDwYD,gB,CACA,a","file":"../shop-components-flip.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-sc-flip {\r\n\r\n\t&-one {\r\n\t\theight: 385px;\r\n\t\tmax-width: 300px !important;\r\n\t\tdisplay: block !important;\r\n\t\tmargin: 0 auto 40px auto;\r\n\r\n\t\t.flip {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t&__front,\r\n\t\t&__back {\r\n\t\t\tbox-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n\t\t\tbackground-color: #ededed;\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__stick {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: -6px;\r\n\t\t\ttop: 25px;\r\n\t\t\twidth: 70px;\r\n\t\t\theight: 34px;\r\n\t\t\tcolor: $white;\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tline-height: 34px;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding-left: 11px;\r\n\t\t\tz-index: 9;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tclip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14% 50%);\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: -6px;\r\n\t\t\t\tright: 0;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tborder: 3px solid transparent;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&_style-1 {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tbackground-color: var(--brand-primary);\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tborder-left-color: var(--brk-base-3) !important;\r\n\t\t\t\t\tborder-top-color: var(--brk-base-3) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&_style-2 {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tbackground-color: var(--brk-base-5);\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tborder-left-color: var(--brk-base-2) !important;\r\n\t\t\t\t\tborder-top-color: var(--brk-base-2) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__thumb {\r\n\t\t\twidth: 100%;\r\n      height: 260px;\r\n      position: relative;\r\n      \r\n\t\t}\r\n\r\n\t\t&__description {\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 2;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 124px;\r\n\t\t\tbackground-color: var(--white);\r\n\t\t}\r\n\r\n\t\t&__cat {\r\n\t\t\theight: 23px;\r\n\t\t\tborder-radius: 12px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: rem(12);\r\n\t\t\tline-height: 23px;\r\n\t\t\tpadding: 0 17px;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tfont-size: rem(18);\r\n\t\t\tline-height: 20px;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 200px;\r\n\t\t\tmin-height: 35px;\r\n\t\t\tmargin: 32px auto 0;\r\n\t\t\tletter-spacing: -0.03em;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\th1,h2,h3,h4,h5 {\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tline-height: inherit;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tmargin-top: 11px;\r\n\r\n\t\t\t.old-price {\r\n\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\tmargin-left: 10px;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\tmargin-right: 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__slider {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t.swiper-container,\r\n\t\t\t.swiper-wrapper,\r\n\t\t\t.swiper-slide{\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: 100% !important;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.btn {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 50%);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\r\n\t&-two {\r\n\t\theight: 414px;\r\n\t\tmax-width: 300px !important;\r\n\t\tdisplay: block !important;\r\n\t\tmargin: 0 auto 20px auto;\r\n\r\n\t\t&:hover {\r\n\t\t\t.brk-sc-flip-two__back {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tleft: -15px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tright: -15px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.flip {\r\n\t\t\theight: 100%;\r\n\t\t\tpadding: 20px 0;\r\n\t\t}\r\n\r\n\t\t&__front,\r\n\t\t&__back {\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tbackground-color: var(--white);\r\n\t\t}\r\n\r\n\t\t&__front {\r\n\t\t\tbox-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n\t\t}\r\n\r\n\t\t&__back {\r\n\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 40px;\r\n\t\t\t\tbottom: 40px;\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\tborder-radius: 5px;\r\n\t\t\t\tbox-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\tbackground-color: var(--white);\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttransition: left .3s ease-in-out .4s;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\ttransition: right .3s ease-in-out .4s;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__back-layer {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 2;\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\talign-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n\r\n\t\t\tul {\r\n\t\t\t\ttext-align: left;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tfont-size: rem(14);\r\n\t\t\t\t\tline-height: 32px;\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tvertical-align: 0;\r\n\t\t\t\t\t\tfont-size: rem(16);\r\n\t\t\t\t\t\tmargin-right: 10px;\r\n\r\n\t\t\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\tmargin-left: 10px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__thumb {\r\n\t\t\tposition: relative;\r\n\t\t\tmin-height: 270px;\r\n\r\n\t\t\timg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__description {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: flex-start;\r\n\t\t\theight: 104px;\r\n\t\t}\r\n\r\n\t\t&__stick {\r\n\t\t\theight: 20px;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tfont-size: rem(12);\r\n\t\t\tline-height: 20px;\r\n\t\t\tpadding: 0 11px;\r\n\t\t\tmargin-right: 7px; // 12\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\t\t\tfont-size: rem(18);\r\n\t\t\tline-height: 20px;\r\n\t\t}\r\n\t\t\r\n\t\t&__front-title {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tline-height: 22px;\r\n\t\t\tpadding: 0 45px;\r\n\t\t\tmargin-top: 13px;\r\n\t\t}\r\n\r\n\t\t&__back-title {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tline-height: 22px;\r\n\t\t\tpadding: 0 15px;\r\n\t\t\tmargin-bottom: 40px;\r\n\t\t}\r\n\r\n\t\t&__list {\r\n\t\t\theight: 160px;\r\n\t\t\twidth: calc(100% - 30px);\r\n      overflow-y: auto;\r\n      &::-webkit-scrollbar {\r\n        width: 7px;\r\n      }\r\n      &::-webkit-scrollbar-track {\r\n        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);\r\n        border-radius:10px;\r\n        \r\n      }\r\n      &::-webkit-scrollbar-thumb {\r\n        background-color: rgba(0,0,0,0.1);\r\n        border-radius:10px;\r\n      }\r\n\t\t}\r\n\r\n\t\t&__button {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-top: 40px;\r\n\r\n\t\t\t.btn-md {\r\n\t\t\t\tfont-size: rem(18) !important;\r\n\r\n\t\t\t\ti.icon-inside {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\ttop: -3px;\r\n\t\t\t\t\tfont-weight: normal;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\r\n\t&-three {\r\n\t\tmax-width: 300px !important;\r\n\t\tdisplay: block !important;\r\n\t\tmargin: 0 auto 20px auto;\r\n\r\n\t\t.flip {\r\n\t\t\theight: 270px;\r\n\t\t}\r\n\r\n\t\t&__front,\r\n\t\t&__back {\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tbox-shadow: 0 8px 20px rgba(0,0,0,.12);\r\n    }\r\n\r\n\t\t&__front {\r\n\t\t\tbackground-color: #ededed;\r\n    }\r\n\r\n    &__front_white{\r\n      background-color: #ffffff;\r\n    }\r\n\r\n\t\t&__back {\r\n\t\t\t&:before {\r\n\t\t\t\tborder-radius: 3px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__thumb {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\timg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tline-height: 22px;\r\n\t\t\tmargin-top: 42px;\r\n\t\t\tletter-spacing: -0.01em;\r\n\r\n\t\t\th1,h2,h3,h4,h5 {\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tline-height: inherit;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 50%);\r\n\t\t\theight: 46px;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-size: rem(15);\r\n\t\t\tline-height: 46px;\r\n\t\t\tpadding: 0 11px;\r\n\t\t}\r\n\r\n\t\t&__stick {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -5px;\r\n\t\t\tright: -5px;\r\n\t\t\twidth: 64px;\r\n\t\t\theight: 64px;\r\n\t\t\toverflow: hidden;\r\n\t\t\t//transition: all .3s ease-in-out;\r\n\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 5px;\r\n\t\t\t\theight: 5px;\r\n\t\t\t\tbackground-color: var(--brk-base-3);\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\twidth: 103px;\r\n\t\t\t\theight: 26px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\ttransform: rotate(45deg);\r\n\t\t\t\ttransform-origin: right bottom;\r\n\t\t\t\tz-index: 9;\r\n\t\t\t\tpadding-left: 11px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__description {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 99;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\talign-content: flex-start;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding-top: 44px;\r\n\r\n\t\t\t&-scroll {\r\n        max-height: 128px !important;\r\n        padding-left: 15px !important;\r\n        padding-right: 15px !important;\r\n        overflow-y: auto;\r\n\r\n        &::-webkit-scrollbar {\r\n          width: 7px;\r\n        }\r\n        &::-webkit-scrollbar-track {\r\n          box-shadow: inset 0 0 6px rgba(0,0,0,0.3);\r\n          border-radius:10px;\r\n          \r\n        }\r\n        &::-webkit-scrollbar-thumb {\r\n          background-color: rgba(0,0,0,0.1);\r\n          border-radius:10px;\r\n        }\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\ttext-align: left;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tfont-size: rem(14);\r\n\t\t\t\t\tline-height: 32px;\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tvertical-align: 0;\r\n\t\t\t\t\t\tfont-size: rem(16);\r\n\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\tmargin-right: 10px;\r\n\r\n\t\t\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\tmargin-left: 10px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.brk-rating__layer {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: var(--white);\r\n\t\t\t\t\topacity: .4;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.brk-rating__imposition {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: var(--white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__rating {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t.brk-rating {\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.btn {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, 50%);\r\n\t\t\tmin-width: 76px;\r\n\t\t\tmin-height: 46px;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 10px;\r\n\t\t\tz-index: 99;\r\n\r\n\t\t\t.icon-inside {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tmargin-left: 4px;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\tmargin-right: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\r\n\t&-four {\r\n\t\theight: 240px;\r\n\t\tdisplay: block !important;\r\n\t\tmargin: 0 auto 20px auto;\r\n\r\n\t\t.flip {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t&__front,\r\n\t\t&__back {\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tbackground-color: #f5f5f5;\r\n\t\t}\r\n\r\n\t\t&__front {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\r\n\t\t&__back {\r\n\t\t\t&:before {\r\n\t\t\t\tz-index: 2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__col {\r\n\t\t\twidth: 56%;\r\n\t\t\tpadding: 40px 0 0 40px;\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tpadding: 40px 40px 0 0;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tpadding: 20px 0 0 20px;\r\n\t\t\t\twidth: 55%;\r\n\t\t\t}\r\n\r\n\t\t\t&-back {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding: 40px 33px 0 39px;\r\n\t\t\t\tz-index: 3;\r\n\r\n\t\t\t\t@media (max-width: 575px) {\r\n\t\t\t\t\tpadding: 20px 20px 0 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__thumb {\r\n\t\t\twidth: 41%;\r\n\t\t\theight: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tright: 15px;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding-top: 35px;\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 15px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\twidth: calc(45% - 15px);\r\n\t\t\t\tmargin-right: 15px;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t&-back {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 15px;\r\n\t\t\t\twidth: 41%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tpadding-top: 35px;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\tmax-height: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__cat {\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 16px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: rem(11);\r\n\t\t\tline-height: 16px;\r\n\t\t\tpadding: 0 5px;\r\n\t\t\tletter-spacing: -0.04em;\r\n\t\t\tmargin: 1px 3px 1px 0;\r\n\t\t}\r\n\r\n\t\t&__stick {\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 16px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: rem(11);\r\n\t\t\tline-height: 16px;\r\n\t\t\tpadding: 0 8px;\r\n\t\t\tletter-spacing: -0.04em;\r\n\t\t\tmargin: 1px 0;\r\n\t\t\tbackground-color: var(--brk-secondary-3);\r\n\t\t\tcolor: var(--white);\r\n\r\n\t\t\t.brk-sc-flip-four__back & {\r\n\t\t\t\tbackground-color: var(--white);\r\n\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tfont-size: rem(21);\r\n\t\t\tline-height: 24px;\r\n\t\t\tletter-spacing: -0.02em;\r\n\t\t\tmargin: 6px 0 10px;\r\n\t\t\t\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tfont-size: rem(18);\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\r\n\t\t\th1,h2,h3,h4,h5 {\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tline-height: inherit;\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t}\r\n\r\n\t\t\t&_back {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-sc-flip-four__back & {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\tcolor: var(--white);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__old-price {\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tline-height: 16px;\r\n\t\t\ttext-decoration: line-through;\r\n\t\t\tmargin-bottom: 3px;\r\n\t\t\tcolor: var(--text-base-color-1);\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\t\t\tfont-size: rem(21);\r\n\t\t\tline-height: 24px;\r\n\t\t}\r\n\t\t\r\n\t\t&__description {\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tline-height: 24px;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 3;\r\n\t\t\tpadding: 0 39px;\r\n\t\t\tmargin-top: 10px;\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t\tcolor: var(--white);\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t\tmargin-top: 25px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.btn {\r\n\t\t\tmin-width: 76px;\r\n\t\t\tmin-height: 46px;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 10px;\r\n\r\n\t\t\t.icon-inside {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tmargin-left: 4px;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\tmargin-right: 4px;\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n}",".brk-sc-flip-one {\n  height: 385px;\n  max-width: 300px !important;\n  display: block !important;\n  margin: 0 auto 40px auto;\n  /* Components */\n  /* Components */ }\n  .brk-sc-flip-one .flip {\n    height: 100%; }\n  .brk-sc-flip-one__front, .brk-sc-flip-one__back {\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    background-color: #ededed; }\n  .brk-sc-flip-one__stick {\n    position: absolute;\n    right: -6px;\n    top: 25px;\n    width: 70px;\n    height: 34px;\n    color: #fff;\n    font-size: 0.875rem;\n    line-height: 34px;\n    text-align: center;\n    padding-left: 11px;\n    z-index: 9; }\n    .brk-sc-flip-one__stick:before {\n      content: '';\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14% 50%); }\n    .brk-sc-flip-one__stick:after {\n      content: '';\n      position: absolute;\n      bottom: -6px;\n      right: 0;\n      width: 0;\n      height: 0;\n      border: 3px solid transparent;\n      z-index: 1; }\n    .brk-sc-flip-one__stick_style-1:before {\n      background-color: var(--brand-primary); }\n    .brk-sc-flip-one__stick_style-1:after {\n      border-left-color: var(--brk-base-3) !important;\n      border-top-color: var(--brk-base-3) !important; }\n    .brk-sc-flip-one__stick_style-2:before {\n      background-color: var(--brk-base-5); }\n    .brk-sc-flip-one__stick_style-2:after {\n      border-left-color: var(--brk-base-2) !important;\n      border-top-color: var(--brk-base-2) !important; }\n  .brk-sc-flip-one__thumb {\n    width: 100%;\n    height: 260px;\n    position: relative; }\n  .brk-sc-flip-one__description {\n    position: absolute;\n    z-index: 2;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 124px;\n    background-color: var(--white); }\n  .brk-sc-flip-one__cat {\n    height: 23px;\n    border-radius: 12px;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: inline-block;\n    text-align: center;\n    font-size: 0.75rem;\n    line-height: 23px;\n    padding: 0 17px; }\n  .brk-sc-flip-one__title {\n    font-size: 1.125rem;\n    line-height: 20px;\n    width: 100%;\n    max-width: 200px;\n    min-height: 35px;\n    margin: 32px auto 0;\n    letter-spacing: -0.03em;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center; }\n    .brk-sc-flip-one__title h1, .brk-sc-flip-one__title h2, .brk-sc-flip-one__title h3, .brk-sc-flip-one__title h4, .brk-sc-flip-one__title h5 {\n      font-size: inherit;\n      line-height: inherit; }\n  .brk-sc-flip-one__price {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    font-size: 0.875rem;\n    margin-top: 11px; }\n    .brk-sc-flip-one__price .old-price {\n      text-decoration: line-through;\n      margin-left: 10px; }\n      [dir=rtl] .brk-sc-flip-one__price .old-price {\n        margin-left: 0;\n        margin-right: 10px; }\n  .brk-sc-flip-one__slider {\n    position: relative;\n    height: 100%; }\n    .brk-sc-flip-one__slider .swiper-container,\n    .brk-sc-flip-one__slider .swiper-wrapper,\n    .brk-sc-flip-one__slider .swiper-slide {\n      position: relative;\n      height: 100% !important; }\n    .brk-sc-flip-one__slider img {\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center; }\n  .brk-sc-flip-one .btn {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n    margin: 0; }\n\n.brk-sc-flip-two {\n  height: 414px;\n  max-width: 300px !important;\n  display: block !important;\n  margin: 0 auto 20px auto;\n  /* Components */\n  /* Components */ }\n  .brk-sc-flip-two:hover .brk-sc-flip-two__back:before {\n    left: -15px; }\n  .brk-sc-flip-two:hover .brk-sc-flip-two__back:after {\n    right: -15px; }\n  .brk-sc-flip-two .flip {\n    height: 100%;\n    padding: 20px 0; }\n  .brk-sc-flip-two__front, .brk-sc-flip-two__back {\n    border-radius: 5px;\n    background-color: var(--white); }\n  .brk-sc-flip-two__front {\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }\n  .brk-sc-flip-two__back:before, .brk-sc-flip-two__back:after {\n    content: '';\n    position: absolute;\n    top: 40px;\n    bottom: 40px;\n    width: 30px;\n    border-radius: 5px;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n    background-color: var(--white); }\n  .brk-sc-flip-two__back:before {\n    transition: left .3s ease-in-out .4s;\n    left: 0; }\n  .brk-sc-flip-two__back:after {\n    transition: right .3s ease-in-out .4s;\n    right: 0; }\n  .brk-sc-flip-two__back-layer {\n    position: relative;\n    height: 100%;\n    z-index: 2;\n    border-radius: 5px;\n    background-color: inherit;\n    display: flex;\n    flex-wrap: wrap;\n    align-content: center;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }\n    .brk-sc-flip-two__back-layer ul {\n      text-align: left; }\n      [dir=rtl] .brk-sc-flip-two__back-layer ul {\n        text-align: right; }\n      .brk-sc-flip-two__back-layer ul li {\n        font-size: 0.875rem;\n        line-height: 32px; }\n        .brk-sc-flip-two__back-layer ul li i {\n          vertical-align: 0;\n          font-size: 1rem;\n          margin-right: 10px; }\n          [dir=rtl] .brk-sc-flip-two__back-layer ul li i {\n            margin-right: 0;\n            margin-left: 10px; }\n  .brk-sc-flip-two__thumb {\n    position: relative;\n    min-height: 270px; }\n    .brk-sc-flip-two__thumb img {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      max-height: 100%; }\n  .brk-sc-flip-two__description {\n    display: flex;\n    flex-wrap: wrap;\n    font-weight: bold;\n    justify-content: center;\n    align-content: flex-start;\n    height: 104px; }\n  .brk-sc-flip-two__stick {\n    height: 20px;\n    border-radius: 10px;\n    font-size: 0.75rem;\n    line-height: 20px;\n    padding: 0 11px;\n    margin-right: 7px; }\n    [dir=rtl] .brk-sc-flip-two__stick {\n      margin-right: 0;\n      margin-left: 12px; }\n  .brk-sc-flip-two__price {\n    font-size: 1.125rem;\n    line-height: 20px; }\n  .brk-sc-flip-two__front-title {\n    width: 100%;\n    font-size: 1rem;\n    line-height: 22px;\n    padding: 0 45px;\n    margin-top: 13px; }\n  .brk-sc-flip-two__back-title {\n    width: 100%;\n    font-size: 1rem;\n    line-height: 22px;\n    padding: 0 15px;\n    margin-bottom: 40px; }\n  .brk-sc-flip-two__list {\n    height: 160px;\n    width: calc(100% - 30px);\n    overflow-y: auto; }\n    .brk-sc-flip-two__list::-webkit-scrollbar {\n      width: 7px; }\n    .brk-sc-flip-two__list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n      border-radius: 10px; }\n    .brk-sc-flip-two__list::-webkit-scrollbar-thumb {\n      background-color: rgba(0, 0, 0, 0.1);\n      border-radius: 10px; }\n  .brk-sc-flip-two__button {\n    width: 100%;\n    margin-top: 40px; }\n    .brk-sc-flip-two__button .btn-md {\n      font-size: 1.125rem !important; }\n      .brk-sc-flip-two__button .btn-md i.icon-inside {\n        position: relative;\n        top: -3px;\n        font-weight: normal; }\n\n.brk-sc-flip-three {\n  max-width: 300px !important;\n  display: block !important;\n  margin: 0 auto 20px auto;\n  /* Components */\n  /* Components */ }\n  .brk-sc-flip-three .flip {\n    height: 270px; }\n  .brk-sc-flip-three__front, .brk-sc-flip-three__back {\n    border-radius: 3px;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }\n  .brk-sc-flip-three__front {\n    background-color: #ededed; }\n  .brk-sc-flip-three__front_white {\n    background-color: #ffffff; }\n  .brk-sc-flip-three__back:before {\n    border-radius: 3px; }\n  .brk-sc-flip-three__thumb {\n    position: relative;\n    height: 100%; }\n    .brk-sc-flip-three__thumb img {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      max-height: 100%; }\n  .brk-sc-flip-three__title {\n    font-size: 1rem;\n    line-height: 22px;\n    margin-top: 42px;\n    letter-spacing: -0.01em; }\n    .brk-sc-flip-three__title h1, .brk-sc-flip-three__title h2, .brk-sc-flip-three__title h3, .brk-sc-flip-three__title h4, .brk-sc-flip-three__title h5 {\n      font-size: inherit;\n      line-height: inherit; }\n  .brk-sc-flip-three__price {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n    height: 46px;\n    border-radius: 3px;\n    display: inline-block;\n    font-size: 0.9375rem;\n    line-height: 46px;\n    padding: 0 11px; }\n  .brk-sc-flip-three__stick {\n    position: absolute;\n    top: -5px;\n    right: -5px;\n    width: 64px;\n    height: 64px;\n    overflow: hidden; }\n    .brk-sc-flip-three__stick:before, .brk-sc-flip-three__stick:after {\n      content: '';\n      position: absolute;\n      width: 5px;\n      height: 5px;\n      background-color: var(--brk-base-3); }\n    .brk-sc-flip-three__stick:before {\n      top: 0;\n      left: 0; }\n    .brk-sc-flip-three__stick:after {\n      right: 0;\n      bottom: 0; }\n    .brk-sc-flip-three__stick span {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      width: 103px;\n      height: 26px;\n      text-align: center;\n      color: #fff;\n      transform: rotate(45deg);\n      transform-origin: right bottom;\n      z-index: 9;\n      padding-left: 11px; }\n  .brk-sc-flip-three__description {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 99;\n    display: flex;\n    flex-wrap: wrap;\n    align-content: flex-start;\n    align-items: center;\n    justify-content: center;\n    padding-top: 44px; }\n    .brk-sc-flip-three__description-scroll {\n      max-height: 128px !important;\n      padding-left: 15px !important;\n      padding-right: 15px !important;\n      overflow-y: auto; }\n      .brk-sc-flip-three__description-scroll::-webkit-scrollbar {\n        width: 7px; }\n      .brk-sc-flip-three__description-scroll::-webkit-scrollbar-track {\n        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n        border-radius: 10px; }\n      .brk-sc-flip-three__description-scroll::-webkit-scrollbar-thumb {\n        background-color: rgba(0, 0, 0, 0.1);\n        border-radius: 10px; }\n    .brk-sc-flip-three__description ul {\n      text-align: left; }\n      [dir=rtl] .brk-sc-flip-three__description ul {\n        text-align: right; }\n      .brk-sc-flip-three__description ul li {\n        font-size: 0.875rem;\n        line-height: 32px; }\n        .brk-sc-flip-three__description ul li i {\n          vertical-align: 0;\n          font-size: 1rem;\n          color: inherit;\n          margin-right: 10px; }\n          [dir=rtl] .brk-sc-flip-three__description ul li i {\n            margin-right: 0;\n            margin-left: 10px; }\n    .brk-sc-flip-three__description .brk-rating__layer i {\n      color: var(--white);\n      opacity: .4; }\n    .brk-sc-flip-three__description .brk-rating__imposition i {\n      color: var(--white); }\n  .brk-sc-flip-three__rating {\n    width: 100%; }\n    .brk-sc-flip-three__rating .brk-rating {\n      margin: 0 auto; }\n  .brk-sc-flip-three .btn {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n    min-width: 76px;\n    min-height: 46px;\n    border-radius: 3px;\n    margin: 0;\n    padding: 10px;\n    z-index: 99; }\n    .brk-sc-flip-three .btn .icon-inside {\n      margin-right: 0;\n      margin-left: 4px; }\n      [dir=rtl] .brk-sc-flip-three .btn .icon-inside {\n        margin-left: 0;\n        margin-right: 4px; }\n\n.brk-sc-flip-four {\n  height: 240px;\n  display: block !important;\n  margin: 0 auto 20px auto;\n  /* Components */\n  /* Components */ }\n  .brk-sc-flip-four .flip {\n    height: 100%; }\n  .brk-sc-flip-four__front, .brk-sc-flip-four__back {\n    border-radius: 3px;\n    background-color: #f5f5f5; }\n  .brk-sc-flip-four__front {\n    display: flex;\n    flex-wrap: wrap; }\n  .brk-sc-flip-four__back:before {\n    z-index: 2; }\n  .brk-sc-flip-four__col {\n    width: 56%;\n    padding: 40px 0 0 40px; }\n    [dir=rtl] .brk-sc-flip-four__col {\n      padding: 40px 40px 0 0; }\n    @media (max-width: 575px) {\n      .brk-sc-flip-four__col {\n        padding: 20px 0 0 20px;\n        width: 55%; } }\n    .brk-sc-flip-four__col-back {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      padding: 40px 33px 0 39px;\n      z-index: 3; }\n      @media (max-width: 575px) {\n        .brk-sc-flip-four__col-back {\n          padding: 20px 20px 0 20px; } }\n  .brk-sc-flip-four__thumb {\n    width: 41%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    right: 15px;\n    text-align: center;\n    padding-top: 35px; }\n    [dir=rtl] .brk-sc-flip-four__thumb {\n      right: auto;\n      left: 15px; }\n    @media (max-width: 575px) {\n      .brk-sc-flip-four__thumb {\n        width: calc(45% - 15px);\n        margin-right: 15px; } }\n    .brk-sc-flip-four__thumb img {\n      width: auto;\n      height: auto;\n      max-width: 100%;\n      max-height: 100%; }\n    .brk-sc-flip-four__thumb-back {\n      position: absolute;\n      top: 0;\n      right: 15px;\n      width: 41%;\n      height: 100%;\n      z-index: -1;\n      text-align: center;\n      padding-top: 35px; }\n      .brk-sc-flip-four__thumb-back img {\n        width: auto;\n        height: auto;\n        max-width: 100%;\n        max-height: 100%; }\n  .brk-sc-flip-four__cat {\n    display: block;\n    height: 16px;\n    text-transform: uppercase;\n    font-size: 0.6875rem;\n    line-height: 16px;\n    padding: 0 5px;\n    letter-spacing: -0.04em;\n    margin: 1px 3px 1px 0; }\n  .brk-sc-flip-four__stick {\n    display: block;\n    height: 16px;\n    text-transform: uppercase;\n    font-size: 0.6875rem;\n    line-height: 16px;\n    padding: 0 8px;\n    letter-spacing: -0.04em;\n    margin: 1px 0;\n    background-color: var(--brk-secondary-3);\n    color: var(--white); }\n    .brk-sc-flip-four__back .brk-sc-flip-four__stick {\n      background-color: var(--white);\n      color: var(--brand-primary); }\n  .brk-sc-flip-four__title {\n    font-size: 1.3125rem;\n    line-height: 24px;\n    letter-spacing: -0.02em;\n    margin: 6px 0 10px; }\n    @media (max-width: 575px) {\n      .brk-sc-flip-four__title {\n        font-size: 1.125rem;\n        margin-bottom: 30px; } }\n    .brk-sc-flip-four__title h1, .brk-sc-flip-four__title h2, .brk-sc-flip-four__title h3, .brk-sc-flip-four__title h4, .brk-sc-flip-four__title h5 {\n      font-size: inherit;\n      line-height: inherit;\n      color: inherit; }\n    .brk-sc-flip-four__title_back {\n      display: inline-block;\n      text-decoration: none !important; }\n    .brk-sc-flip-four__back .brk-sc-flip-four__title {\n      margin-bottom: 0;\n      color: var(--white); }\n  .brk-sc-flip-four__old-price {\n    font-size: 0.875rem;\n    line-height: 16px;\n    text-decoration: line-through;\n    margin-bottom: 3px;\n    color: var(--text-base-color-1); }\n  .brk-sc-flip-four__price {\n    font-size: 1.3125rem;\n    line-height: 24px; }\n  .brk-sc-flip-four__description {\n    font-size: 0.875rem;\n    line-height: 24px;\n    position: relative;\n    z-index: 3;\n    padding: 0 39px;\n    margin-top: 10px;\n    margin-bottom: 30px;\n    color: var(--white); }\n    @media (max-width: 575px) {\n      .brk-sc-flip-four__description {\n        padding: 0 20px;\n        margin-top: 25px; } }\n  .brk-sc-flip-four .btn {\n    min-width: 76px;\n    min-height: 46px;\n    border-radius: 3px;\n    margin: 0;\n    padding: 10px; }\n    .brk-sc-flip-four .btn .icon-inside {\n      margin-right: 0;\n      margin-left: 4px; }\n      [dir=rtl] .brk-sc-flip-four .btn .icon-inside {\n        margin-right: 4px;\n        margin-left: 0; }\n"]}