{"version":3,"sources":["shop-components-masonry.scss","../../assets/styles/_variables.scss","shop-components-masonry.css"],"names":[],"mappings":"A,AAqdI,+BACC,E,CAMA,E,CALC,kB,CAED,G,CACC,sB,AALF,uBACC,E,CAMA,E,CALC,kB,CAED,G,CACC,sBA1aJ,mB,CAAA,8B,CCgDD,iC,CACA,qB,CACA,2B,CDtFA,wB,CACC,Y,CAEA,0BAHD,wB,CAIE,c,AAGD,yBAPD,wB,CAQE,cAGF,wB,CACC,Y,CAED,wB,CACC,sB,CAKD,yB,CACC,Y,CAEA,0BAHD,yB,CAIE,cAGF,yB,CACC,Y,CAED,yB,CACC,Y,CAKD,mB,CACC,iB,CELE,wD,CFIF,oD,CAOE,S,CAPF,sD,CAWE,mC,CAXF,mD,CAeE,wB,CAIF,0B,CACC,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,S,CACA,8B,CAEA,kC,CACC,gB,CACA,K,CACA,M,CACA,U,CACA,W,CAIF,8B,CACC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,U,CACA,S,CACA,e,CACA,8B,CAGD,4B,CACC,iB,CACA,O,CACA,M,CACA,U,CACA,U,CACA,8B,CACA,mC,CACA,c,CARA,kC,CAAA,mC,CAYC,U,CACA,iB,CACA,Q,CACA,0B,CACA,U,CACA,U,CACA,iB,CACA,kC,CAnBD,mC,CAuBC,K,CAvBD,kC,CA2BC,Q,CAKF,0B,CACC,gB,CACA,gB,CAEA,yBAJD,0B,CAKE,kB,CACA,kBAND,6B,CAAA,6B,CAAA,6B,CAAA,6B,CAAA,6B,CAUC,a,CACA,iB,CAIF,0B,CACC,iB,CACA,gB,CACA,c,CAGD,yB,CACC,iB,CACA,O,CACA,Q,CACA,U,CACA,W,CACA,U,CACA,mB,CACA,8B,CACA,mC,CATA,+B,CAAA,gC,CAaC,U,CACA,iB,CACA,O,CACA,Q,CACA,kC,CACA,0C,CAlBD,gC,CAsBC,S,CACA,O,CAvBD,+B,CA2BC,K,CACA,U,CA5BD,2B,CAgCC,gB,CASH,mB,CACC,iB,CACA,qC,CACA,e,CACA,iB,CACA,8B,CACA,6B,CANA,yB,CASC,S,CATD,+E,CAaC,gB,CACA,6B,CAdD,qF,CAiBE,8B,CAjBF,oH,CAoBG,gC,CACA,sC,CACA,wB,CAtBH,2H,CAyBI,kC,CAzBJ,mH,CAAA,sH,CA8BG,S,CA9BH,8G,CAkCG,wB,CAUH,8B,CACC,iB,CACA,oB,CACA,M,CACA,U,CACA,e,CACA,0B,CACA,c,CACA,8B,CACA,gB,CACA,S,CAGA,yBAbD,8B,CAcE,SExEE,6D,CF4EF,S,CACA,S,CACA,O,CACA,O,CACA,e,CACA,c,CE1EE,2F,CF8EF,U,CACA,oB,CAIF,8B,CAyBA,0B,CAxBC,iB,CACA,W,CACA,S,CE/EG,2F,CFkFF,e,CACA,iB,CACA,0D,CACA,uB,CACA,sC,CEhFI,kG,CFmFH,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,2C,CACA,S,CAKH,0B,CAGC,S,CACA,2B,CAEA,gDAND,0B,CAOE,wB,AAGD,+CAVD,0B,CAWE,wB,AAGD,yBAdD,0B,CAeE,wBAKF,gC,CACC,U,CACA,qB,CAEA,yBAJD,gC,CAKE,qBE3FE,+D,CF+FF,qB,CATD,kC,CAaC,8B,CAIF,mC,CACC,U,CACA,qB,CAEA,yBAJD,mC,CAKE,qBAIF,0B,CACC,oB,CAGD,gC,CACC,U,CACA,e,CACA,kB,CACA,gB,CACA,e,CEvGG,+D,CF0GF,e,CACA,e,CExGE,6F,CF4GF,gB,CACA,e,CACA,S,CACA,8B,CAEA,gDE3GM,6F,CF4GL,c,CACA,gB,CACA,kBAKF,qC,CAGC,4B,CACA,oB,CAJD,iC,CAQC,oB,CACA,e,CElHE,4F,CFqHD,iB,CAKH,0B,CACC,e,CADA,+B,CAIC,c,CACA,e,CACA,e,CACI,gB,CACA,c,CACA,mB,CACJ,mB,CAVD,iC,CAaO,c,CAbP,yC,CAiBE,a,CAjBF,+C,CAoBG,uB,CE3HI,gD,CFuGP,iD,CAyBG,gD,CAzBH,qD,CA6BG,oB,CA7BH,sD,CAkCG,e,CAMC,4D,CAID,kC,CACA,4B,CAiGC,2C,CAtGA,qE,CASC,4B,CE5IF,6D,CFmIC,8D,CAgBD,kC,CAxDH,oC,CA8DC,oB,CACA,U,CACA,W,CACA,iB,CACA,iB,CACA,gB,CACA,wB,CApED,4C,CAwEG,gD,CAAA,wC,CAxEH,sC,CA6EE,gB,CACA,kB,CACA,U,CAiBH,wB,CACC,iB,CACA,Q,CACA,M,CACA,U,CACA,W,CACA,kB,CACA,iB,CACA,8B,CACA,6B,CAEA,gDAXD,wB,CAYE,0B,CACA,e,CACA,mB,AAGD,yBAjBD,wB,CAkBE,6B,CACA,gBAnBD,+B,CAuBC,gB,CACA,oB,CACA,iB,CAEA,gDA3BD,+B,CA4BE,gB,AAGD,yBA/BD,+B,CAgCE,gBAhCF,6B,CAqCC,e,CACA,4B,CACA,e,CACA,e,CACA,S,CACA,Q,CACA,8B,CAGG,iD,CAOK,oB,CErKN,4D,CF8JC,6D,CAYK,8C,CAUX,qB,CACC,iB,CACA,e,CACA,iB,CACA,8B,CACE,6B,CAGA,yC,CACE,6B,CATJ,sE,CAuBG,S,CE9LD,2F,CFuKF,sF,CAAA,mE,CEhKE,+D,CFgKF,wD,CAkCG,kB,CAlCH,0BAAA,wB,CAyCE,S,CAzCF,sC,CA6CC,8B,CACA,S,CAGD,gC,CACC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,iB,CACA,S,CACA,iB,CElNG,+D,CFqNF,S,CACA,U,CACA,W,CACA,W,CACA,Q,CAfD,oC,CAmBC,e,CAIF,gC,CACC,iB,CACA,W,CACA,S,CACA,6B,CACG,wB,CAEA,4BAPJ,gC,CAQM,iCExNF,+D,CF4NF,2B,CAKF,kC,CACC,wB,CACA,e,CAGD,qC,CACC,wB,CACA,wB,CACG,sB,CAEA,4BALJ,qC,CAMM,uC,CACH,wBEhOC,oE,CFoOF,U,CACA,uC,CACA,Y,CAbD,0C,CAiBC,iB,CACA,c,CACA,e,CACA,iB,CACA,Y,CACA,8B,CACA,S,CEpOI,yE,CFuOH,gB,CA1BF,4C,CA8BE,e,CAEA,gB,CAhCF,iD,CAqCC,W,CAIF,4B,CACC,mB,CACA,gB,CACA,8B,CAHA,+B,CAAA,+B,CAAA,+B,CAAA,+B,CAAA,+B,CAMC,a,CACA,iB,CACA,qB,CAIF,+B,CACC,oB,CACA,gB,CACA,gB,CACA,a,CACA,c,CAGD,4B,CACC,gB,CACA,U,CACA,iB,CAHA,uC,CAMC,iB,CACA,gB,CACA,4B,CACA,iB,CACA,8B,CAVD,mC,CAcC,mB,CACA,gB,CACA,8B,CE5OA,+C,CFiEF,0C,CAkLE,8B,CASH,sB,CAAC,wC,CEtPE,oC,CADA,sC,CFwPF,iB,CADA,wC,CAUI,e,CAVJ,8C,CAcC,e,CAdD,mH,CAkBC,qB,CAlBD,iG,CAuBE,qC","file":"../shop-components-masonry.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-sc-masonry {\r\n\r\n\t&_long,\r\n\t&_narrow {\r\n\t\t//////////////////////////////////\r\n\t\t// class is a modifier\r\n\t\t//////////////////////////////////\r\n\t}\r\n\t/* Main */\r\n\t&_main-640 {\r\n\t\theight: 640px;\r\n\r\n\t\t@media (max-width: 1199px) {\r\n\t\t\theight: 500px;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 991px) {\r\n\t\t\theight: 400px;\r\n\t\t}\r\n\t}\r\n\t&_main-590 {\r\n\t\theight: 590px;\r\n\t}\r\n\t&_main-570 {\r\n\t\theight: 570px !important;\r\n\t}\r\n\t/* Main */\r\n\r\n\t/* Small */\r\n\t&_small-320 {\r\n\t\theight: 320px;\r\n\r\n\t\t@media (max-width: 1199px) {\r\n\t\t\theight: 250px;\r\n\t\t}\r\n\t}\r\n\t&_small-285 {\r\n\t\theight: 285px;\r\n\t}\r\n\t&_small-270 {\r\n\t\theight: 270px;\r\n\t}\r\n\t/* Small */\r\n\r\n\t/* One Style */\r\n\t&-one {\r\n\t\tposition: relative;\r\n\t\t@extend %bg-style;\r\n\r\n\t\t&:hover {\r\n\t\t\t.brk-sc-masonry-one__layer,\r\n\t\t\t.brk-sc-masonry-one__container {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-sc-masonry-one__content {\r\n\t\t\t\ttransform: translateY(-50%) scale(1);\r\n\t\t\t}\r\n\r\n\t\t\t.brk-sc-masonry-one__link {\r\n\t\t\t\ttransform: translate(0, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__layer {\r\n\t\t\tcontent: '';\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: 1;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\r\n\t\t\t&--before {\r\n\t\t\t\tposition: inherit;\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}\r\n\t\t}\r\n\r\n\t\t&__container {\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: 10;\r\n\t\t\topacity: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t}\r\n\r\n\t\t&__content {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tz-index: 99;\r\n\t\t\ttransition: all .4s ease-in-out;\r\n\t\t\ttransform: translateY(-50%) scale(0);\r\n\t\t\tpadding: 15px 0;\r\n\t\t\t\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\tleft: 50%;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\twidth: 58px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tborder-radius: 1px;\r\n\t\t\t\tbackground-color: var(--brk-base-1);\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}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__title {\r\n\t\t\tfont-size: rem(24);\r\n\t\t\tline-height: 26px;\r\n\r\n\t\t\t@media (max-width: 767px) {\r\n\t\t\t\tfont-size: rem(18);\r\n\t\t\t\tline-height: 22px;\r\n\t\t\t}\r\n\r\n\t\t\th1,h2,h3,h4,h5 {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t&__price {\r\n\t\t\tfont-size: rem(20);\r\n\t\t\tline-height: 22px;\r\n\t\t\tmargin-top: 8px;\r\n\t\t}\r\n\r\n\t\t&__link {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\twidth: 39px;\r\n\t\t\theight: 39px;\r\n\t\t\tz-index: 99;\r\n\t\t\tpadding: 5px 0 0 6px;\r\n\t\t\ttransform: translate(100%, 100%);\r\n\t\t\ttransition: all .3s ease-in-out .05s;\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: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tborder-left: 39px solid transparent;\r\n\t\t\t\tborder-bottom: 39px solid var(--brk-base-1);\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttop: -39px;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: -39px;\r\n\t\t\t}\r\n\r\n\t\t\ti {\r\n\t\t\t\tvertical-align: 0;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\t/* One Style */\r\n\r\n\t/* Two Style */\r\n\t&-two {\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0 25px 50px rgba(0,0,0,.1);\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 5px;\r\n\t\ttransition: all .3s ease-in-out;\r\n\t\tbackground-color: var(--white);\r\n\r\n\t\t&:hover {\r\n\t\t\tz-index: 9;\r\n\t\t}\r\n\r\n\t\t&[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] {\r\n\t\t\toverflow: visible;\r\n\t\t\tbackground-color: var(--black);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttransform: translate(10px, 10px);\r\n\r\n\t\t\t\t.brk-sc-masonry-two__container {\r\n\t\t\t\t\ttransform: translate(-20px, -20px);\r\n\t\t\t\t\tbox-shadow: 0 46px 50px rgba(0,0,0,.32);\r\n\t\t\t\t\tbackground-color: #1c2124;\r\n\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tbackground-color: rgba(#252525, .8);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.brk-sc-masonry-two__description {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.brk-sc-masonry-two__buy {\r\n\t\t\t\t\tbackground-color: #303031;\r\n\r\n\t\t\t\t\t.btn {\r\n\t\t\t\t\t\topacity: 1;\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\r\n\t\t&__thumbnail {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: calc(50% + 40px);\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-height: 100%;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\tpadding: 30px 0;\r\n\t\t\ttransition: all .5s ease-in-out;\r\n\t\t\ttext-align: right;\r\n\t\t\tz-index: 1;\r\n\t\t\t@extend %bg-style;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\twidth: 57%;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t\tpadding: 10px 0;\r\n\t\t\t}\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttop: calc(50% + 10px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__container {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 2;\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tborder-radius: 5px;\r\n\t\t\t\ttransition-property: \\transform, box-shadow, background-color;\r\n\t\t\t\ttransition-duration: .3s;\r\n\t\t\t\ttransition-timing-function: ease-in-out;\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\ttransition: background-color .3s ease-in-out;\r\n\t\t\t\t\tz-index: 2;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__layer {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 3;\r\n\t\t\tpadding: 31px 15px 90px 35px;\r\n\r\n\t\t\t@media (min-width: 992px) and (max-width: 1229px) {\r\n\t\t\t\tpadding: 15px 15px 90px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 576px) and (max-width: 767px) {\r\n\t\t\t\tpadding: 15px 15px 90px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tpadding: 20px 15px 90px 15px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__top-content {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 38px 0 0 38px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tpadding: 20px 20px 0;\r\n\t\t\t}\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\tpadding: 33px 0 0 38px;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__bottom-content {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 0 0 38px 38px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tpadding: 0 20px 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t&__description {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 380px;\r\n\t\t\tfont-size: rem(15);\r\n\t\t\tline-height: 24px;\r\n\t\t\tmargin-top: 18px;\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\tmax-width: 210px;\r\n\t\t\t\tmargin-top: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\tmax-width: 9999px;\r\n\t\t\t\tmargin-top: 21px;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\r\n\t\t\t\t@media (min-width: 992px) and (max-width: 1229px) {\r\n\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t\tfont-size: rem(12);\r\n\t\t\t\t\tline-height: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\r\n\t\t\t.old-price {\r\n\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\tletter-spacing: 0.04em;\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tletter-spacing: 0.06em;\r\n\t\t\t\tmargin-top: 11px;\r\n\r\n\t\t\t\t[class*=\"brk-sc-masonry_long\"][class*=\"brk-sc-masonry_small-\"] & {\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&__links {\r\n\t\t\tmargin-top: 18px;\r\n      \r\n\t\t\t.btn {\r\n\t\t\t\tmin-width: 98px;\r\n\t\t\t\tmin-height: 40px;\r\n\t\t\t\tbox-shadow: none;\r\n        padding: 8px 21px;\r\n        font-size: 12px;\r\n        letter-spacing: .1em;\r\n\t\t\t\tmargin: 0 6px 10px 0;\r\n\r\n        > i {\r\n          font-size: 12px;\r\n        }\r\n\r\n\t\t\t\t&.btn-prime {\r\n\t\t\t\t\tcolor: #cdcdcd;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: #cdcdcd !important;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.before,\r\n\t\t\t\t\t.after {\r\n\t\t\t\t\t\tbackground-color: rgba(#cdcdcd, .15) !important;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.border-btn {\r\n\t\t\t\t\t\tborder-color: #cdcdcd;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n        &.btn-inside-out {\r\n          .before {\r\n\t\t\t\t\t\tpadding-top: 8px;\r\n\t\t\t\t\t}\r\n        }\r\n\t\t\t\t\r\n      }\r\n      \r\n      &_colored{\r\n        .btn.btn-inside-out {\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: #71a74c !important;\r\n\t\t\t\t\t\tcolor: var(--white) !important;\r\n\r\n\t\t\t\t\t\ti {\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: var(--white) !important;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.before,\r\n\t\t\t\t\t.after {\r\n\t\t\t\t\t\tbackground-color: #8cc54f !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n      }\r\n\r\n\t\t\t.wishlist {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tline-height: 40px;\r\n\t\t\t\tbackground-color: #f0f1ef;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tanimation: palpitation 1s linear infinite;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tvertical-align: 0;\r\n\t\t\t\t\tfont-size: rem(13);\r\n\t\t\t\t\topacity: .7;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@keyframes palpitation {\r\n\t\t\t\t\t0% {\r\n\t\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t50% {\r\n\t\t\t\t\t\ttransform: scale(1.5);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t100% {\r\n\t\t\t\t\t\ttransform: scale(1);\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&__buy {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 86px;\r\n\t\t\tpadding-right: 15px;\r\n\t\t\tpadding-left: 35px;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tjustify-content: space-between;\r\n\r\n\t\t\t@media (min-width: 992px) and (max-width: 1229px) {\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\tpadding-right: 0;\r\n\t\t\t\tpadding-left: 15px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tpadding: 0 15px;\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tmargin-right: 8px;\r\n\t\t\t\tletter-spacing: 0.04em;\r\n\t\t\t\tfont-size: rem(20);\r\n\r\n\t\t\t\t@media (min-width: 992px) and (max-width: 1229px) {\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@media (max-width: 374px) {\r\n\t\t\t\t\tfont-size: rem(16);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.btn {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t\tmin-width: 130px;\r\n\t\t\t\tmin-height: 42px;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\r\n      }\r\n      &_colored{\r\n        .btn{\r\n          &:hover {\r\n            color: var(--white) !important;\r\n          }\r\n  \r\n          .border-btn {\r\n            border-color: #8cc54f;\r\n          }\r\n  \r\n          &.btn-prime:hover > .before,\r\n          &.btn-prime:hover > .after {\r\n            background-color: rgba(#8cc54f, .3) !important;\r\n          }\r\n        }\r\n      }\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\t/* Two Style */\r\n\r\n\t/* Three Style */\r\n\t&-three {\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 5px;\r\n\t\ttransition: all .3s ease-in-out;\r\n    background-color: var(--white);\r\n\r\n    \r\n    .brk-bordered-theme &{\r\n      border-radius: var(--b-radius);\r\n    }\r\n\r\n\t\t&:hover {\r\n\t\t\t.brk-sc-masonry-three__bottom-content {\r\n\r\n\t\t\t\t.brk-rating__layer,\r\n\t\t\t\t.brk-rating__imposition {\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tcolor: var(--white);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.btn {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.brk-sc-masonry-three__title {\r\n\t\t\t\tcolor: var(--white);\r\n\t\t\t}\r\n\r\n\t\t\t.brk-sc-masonry-three__price {\r\n\t\t\t\t.old-price,\r\n\t\t\t\t.price {\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&:not(:hover) {\r\n\t\t\t.brk-abs-overlay {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.brk-abs-overlay {\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t&__thumbnail {\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\ttext-align: center;\r\n\t\t\tz-index: 1;\r\n\t\t\tpadding: 85px 15px;\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_small-\"] & {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tbottom: -1px;\r\n\t\t\t\ttop: auto;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__container {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 3;\r\n\t\t\tjustify-content: space-between;\r\n      align-content: flex-start;\r\n      \r\n      @media (max-width: 575.98px) { \r\n        flex-direction: column !important;\r\n      }\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_narrow\"] & {\r\n\t\t\t\talign-content: space-between;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__top-content {\r\n\t\t\tpadding: 26px 0 26px 30px;\r\n\t\t\tmax-width: 290px;\r\n\t\t}\r\n\r\n\t\t&__bottom-content {\r\n\t\t\tpadding: 26px 26px 26px 0;\r\n\t\t\tjustify-content: flex-end;\r\n      align-items: flex-start;\r\n      \r\n      @media (max-width: 575.98px) { \r\n        justify-content: space-between !important;\r\n\t\t\t  padding: 26px 26px 80px 26px;        \r\n      }\r\n\r\n\t\t\t[class*=\"brk-sc-masonry_narrow\"] & {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tpadding: 26px;\r\n\t\t\t}\r\n\r\n\t\t\t.btn {\r\n\t\t\t\tborder-radius: 3px;\r\n\t\t\t\tmin-width: 78px;\r\n\t\t\t\tmin-height: 48px;\r\n\t\t\t\tmargin: 0 20px 0 0;\r\n\t\t\t\tpadding: 12px;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t\topacity: 0;\r\n\r\n\t\t\t\t[class*=\"brk-sc-masonry_narrow\"] & {\r\n\t\t\t\t\tmargin-right: 5px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tmargin-left: 5px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.brk-rating {\r\n\t\t\t\tfloat: right;\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\ttransition: all .3s ease-in-out;\r\n\r\n\t\t\th1,h2,h3,h4,h5 {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tletter-spacing: -0.01em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__category {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-size: rem(12);\r\n\t\t\tline-height: 16px;\r\n\t\t\tpadding: 0 4px;\r\n\t\t\tmargin-top: 7px;\r\n\t\t}\r\n\r\n\t\t&__price {\r\n\t\t\ttext-align: right;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-bottom: 6px;\r\n\r\n\t\t\t.old-price {\r\n\t\t\t\tfont-size: rem(14);\r\n\t\t\t\tline-height: 26px;\r\n\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\tmargin-right: 12px;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tfont-size: rem(21);\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.brk-rating__layer,\r\n\t\t.brk-rating__imposition {\r\n\t\t\ti {\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t}\r\n\t\t}\r\n\t\t/* Components */\r\n\r\n\t}\r\n\t/* Three Style */\r\n\r\n\t/* Slider */\r\n\t&-slider {\r\n\t\tposition: relative;\r\n\r\n\t\t.swiper-container,\r\n\t\t.swiper-wrapper,\r\n\t\t.swiper-slide{\r\n\t\t\tposition: relative;\r\n    }\r\n    \r\n    .swiper-container{\r\n      min-height: 100%;\r\n    }\r\n\r\n\t\t.brk-swiper-default-nav {\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\r\n\t\t.swiper-container:hover ~ .brk-swiper-default-pagination .brk-swiper-default-pagination-bullet {\r\n\t\t\tbackground-color: #fff;\r\n\t\t}\r\n\r\n\t\t.brk-swiper-default-pagination:hover {\r\n\t\t\t.brk-swiper-default-pagination-bullet {\r\n\t\t\t\tbackground-color: var(--brand-primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t/* Slider */\r\n}","//========================================================\r\n//                     Variables\r\n//=========================================================\r\n\r\n//== Layout settings\r\n$layout-boxed-width: 1200px;\r\n$layout-boxed-bg: #444;\r\n\r\n//== Bootstrap resolutions\r\n$screen-xs-min: 0;\r\n$screen-sm-min: 576px;\r\n$screen-md-min: 768px;\r\n$screen-lg-min: 992px;\r\n$screen-xl-min: 1230px;\r\n\r\n//== Flex Grid system\r\n// Define your custom flex responsive grid.\r\n$container-width: 300px;\r\n$container-xs-width: 480px;\r\n$container-sm-width: 750px;\r\n$container-md-width: 970px;\r\n$container-lg-width: 1200px;\r\n$container-xl-width: 1800px;\r\n\r\n$row-ws: 25px;\r\n$row-ws-sm: 30px;\r\n$row-ws-lg: 90px;\r\n\r\n$col-count: 12;\r\n$col-spacing: 30px;\r\n\r\n// Fonts\r\n$default-font-family: 'Open Sans', sans-serif;\r\n$secondary-font-family: 'Montserrat', sans-serif;\r\n$fa: \"Font Awesome\\ 5 Free\";\r\n\r\n// img\r\n$img: '../../img';\r\n\r\n$default-font-weight: 400;\r\n$default-font-size: 16px;\r\n\r\n//== Colors\r\n$gray-base: #000;\r\n$gray-dark: #333;\r\n$gray: #555;\r\n\r\n\r\n//== Main Colors\r\n$black: #000;\r\n$white: #fff;\r\n$turquoise: #0dbeff; // TODO: Позже разобрать\r\n$gray: #f7f7f7;\r\n$dark-gray: #f2f2f2;\r\n$delimiter-double-border: #e4eeff; //TODO:\r\n$delimiter-doted: #e0e0ff;\r\n$heading-number: #dfdfdf;\r\n$icon-bg: #e0e0ff;\r\n$white-dopdown: #eff5ff;\r\n$white-dropdown_border-color: #dee9fc;\r\n$wave-background: #07e3ff; // TODO: Позже разобрать\r\n\r\n$black_rgba: rgba(0, 0, 0, .3);\r\n\r\n// button width and heights\r\n$bsk-btn_s-length: 41px;\r\n$bsk-btn_m-length: 52px;\r\n$bsk-btn_l-length: 68px;\r\n$bsk-btn_xl-length: 86px;\r\n\r\n//Grid Layout\r\n$xl-min: 'screen and (min-width: #{$screen-xl-min})';\r\n$lg-min: 'screen and (min-width: #{$screen-lg-min})';\r\n$md-max: 'screen and (max-width: #{$screen-lg-min - 1})';\r\n$md-min: 'screen and (min-width: #{$screen-md-min})';\r\n$sm-max: 'screen and (max-width: #{$screen-md-min - 1})';\r\n$sm-min: 'screen and (min-width: #{$screen-sm-min})';\r\n$xs-max: 'screen and (max-width: #{$screen-sm-min - 1})';\r\n$xs-min: 'screen and (min-width: #{$screen-xs-min})';\r\n$xm-max: 'screen and (max-width: 479px)';\r\n$xm-min: 'screen and (min-width: 480px)';\r\n\r\n$brk-grid-breakpoints: (\r\n\t\t\t\txs: 0,\r\n\t\t\t\tsm: 576px,\r\n\t\t\t\tmd: 768px,\r\n\t\t\t\tlg: 992px,\r\n\t\t\t\txl: 1230px\r\n);\r\n\r\n//$font-size: (10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,30,32,34,36,38,40,42,46,48,50,54,56,58,64,72,78,82,84,86,96,98,100,106,120,124,156,186,196,224);\r\n$font-size: (96,98,100,106,120,124,156,186,196,224);\r\n$line-height: (78,84,88,96,98,156,224);\r\n\r\n//Var classes\r\n%bg-style {\r\n\tbackground-position: center center;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\r\n}",".brk-sc-masonry-one, .brk-sc-masonry-two__thumbnail {\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n\n.brk-sc-masonry {\n  /* Main */\n  /* Main */\n  /* Small */\n  /* Small */\n  /* One Style */\n  /* One Style */\n  /* Two Style */\n  /* Two Style */\n  /* Three Style */\n  /* Three Style */\n  /* Slider */\n  /* Slider */ }\n  .brk-sc-masonry_main-640 {\n    height: 640px; }\n    @media (max-width: 1199px) {\n      .brk-sc-masonry_main-640 {\n        height: 500px; } }\n    @media (max-width: 991px) {\n      .brk-sc-masonry_main-640 {\n        height: 400px; } }\n  .brk-sc-masonry_main-590 {\n    height: 590px; }\n  .brk-sc-masonry_main-570 {\n    height: 570px !important; }\n  .brk-sc-masonry_small-320 {\n    height: 320px; }\n    @media (max-width: 1199px) {\n      .brk-sc-masonry_small-320 {\n        height: 250px; } }\n  .brk-sc-masonry_small-285 {\n    height: 285px; }\n  .brk-sc-masonry_small-270 {\n    height: 270px; }\n  .brk-sc-masonry-one {\n    position: relative;\n    /* Components */\n    /* Components */ }\n    .brk-sc-masonry-one:hover .brk-sc-masonry-one__layer,\n    .brk-sc-masonry-one:hover .brk-sc-masonry-one__container {\n      opacity: 1; }\n    .brk-sc-masonry-one:hover .brk-sc-masonry-one__content {\n      transform: translateY(-50%) scale(1); }\n    .brk-sc-masonry-one:hover .brk-sc-masonry-one__link {\n      transform: translate(0, 0); }\n    .brk-sc-masonry-one__layer {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n      opacity: 0;\n      transition: all .3s ease-in-out; }\n      .brk-sc-masonry-one__layer--before {\n        position: inherit;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%; }\n    .brk-sc-masonry-one__container {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 10;\n      opacity: 0;\n      overflow: hidden;\n      transition: all .3s ease-in-out; }\n    .brk-sc-masonry-one__content {\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 100%;\n      z-index: 99;\n      transition: all .4s ease-in-out;\n      transform: translateY(-50%) scale(0);\n      padding: 15px 0; }\n      .brk-sc-masonry-one__content:before, .brk-sc-masonry-one__content:after {\n        content: '';\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 58px;\n        height: 2px;\n        border-radius: 1px;\n        background-color: var(--brk-base-1); }\n      .brk-sc-masonry-one__content:before {\n        top: 0; }\n      .brk-sc-masonry-one__content:after {\n        bottom: 0; }\n    .brk-sc-masonry-one__title {\n      font-size: 1.5rem;\n      line-height: 26px; }\n      @media (max-width: 767px) {\n        .brk-sc-masonry-one__title {\n          font-size: 1.125rem;\n          line-height: 22px; } }\n      .brk-sc-masonry-one__title h1, .brk-sc-masonry-one__title h2, .brk-sc-masonry-one__title h3, .brk-sc-masonry-one__title h4, .brk-sc-masonry-one__title h5 {\n        color: inherit;\n        font-size: inherit; }\n    .brk-sc-masonry-one__price {\n      font-size: 1.25rem;\n      line-height: 22px;\n      margin-top: 8px; }\n    .brk-sc-masonry-one__link {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      width: 39px;\n      height: 39px;\n      z-index: 99;\n      padding: 5px 0 0 6px;\n      transform: translate(100%, 100%);\n      transition: all .3s ease-in-out .05s; }\n      .brk-sc-masonry-one__link:before, .brk-sc-masonry-one__link:after {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-left: 39px solid transparent;\n        border-bottom: 39px solid var(--brk-base-1); }\n      .brk-sc-masonry-one__link:before {\n        top: -39px;\n        right: 0; }\n      .brk-sc-masonry-one__link:after {\n        top: 0;\n        left: -39px; }\n      .brk-sc-masonry-one__link i {\n        vertical-align: 0; }\n  .brk-sc-masonry-two {\n    position: relative;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    border-radius: 5px;\n    transition: all .3s ease-in-out;\n    background-color: var(--white);\n    /* Components */\n    /* Components */ }\n    .brk-sc-masonry-two:hover {\n      z-index: 9; }\n    .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] {\n      overflow: visible;\n      background-color: var(--black); }\n      .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover {\n        transform: translate(10px, 10px); }\n        .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover .brk-sc-masonry-two__container {\n          transform: translate(-20px, -20px);\n          box-shadow: 0 46px 50px rgba(0, 0, 0, 0.32);\n          background-color: #1c2124; }\n          .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover .brk-sc-masonry-two__container:before {\n            background-color: rgba(37, 37, 37, 0.8); }\n        .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover .brk-sc-masonry-two__description {\n          opacity: 1; }\n        .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover .brk-sc-masonry-two__buy {\n          background-color: #303031; }\n          .brk-sc-masonry-two[class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"]:hover .brk-sc-masonry-two__buy .btn {\n            opacity: 1; }\n    .brk-sc-masonry-two__thumbnail {\n      position: absolute;\n      top: calc(50% + 40px);\n      left: 0;\n      width: 100%;\n      max-height: 100%;\n      transform: translateY(-50%);\n      padding: 30px 0;\n      transition: all .5s ease-in-out;\n      text-align: right;\n      z-index: 1; }\n      @media (max-width: 575px) {\n        .brk-sc-masonry-two__thumbnail {\n          right: 0; } }\n      [class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__thumbnail {\n        width: 57%;\n        left: auto;\n        right: 0;\n        top: 50%;\n        max-height: 100%;\n        padding: 10px 0; }\n      [class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__thumbnail {\n        width: 100%;\n        top: calc(50% + 10px); }\n    .brk-sc-masonry-two__container {\n      position: relative;\n      height: 100%;\n      z-index: 2; }\n      [class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__container {\n        overflow: hidden;\n        border-radius: 5px;\n        transition-property: \\transform, box-shadow, background-color;\n        transition-duration: .3s;\n        transition-timing-function: ease-in-out; }\n        [class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__container:before {\n          content: '';\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          transition: background-color .3s ease-in-out;\n          z-index: 2; }\n    .brk-sc-masonry-two__layer {\n      position: relative;\n      height: 100%;\n      z-index: 3;\n      padding: 31px 15px 90px 35px; }\n      @media (min-width: 992px) and (max-width: 1229px) {\n        .brk-sc-masonry-two__layer {\n          padding: 15px 15px 90px; } }\n      @media (min-width: 576px) and (max-width: 767px) {\n        .brk-sc-masonry-two__layer {\n          padding: 15px 15px 90px; } }\n      @media (max-width: 575px) {\n        .brk-sc-masonry-two__layer {\n          padding: 20px 15px 90px 15px; } }\n    .brk-sc-masonry-two__top-content {\n      width: 100%;\n      padding: 38px 0 0 38px; }\n      @media (max-width: 575px) {\n        .brk-sc-masonry-two__top-content {\n          padding: 20px 20px 0; } }\n      [class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__top-content {\n        padding: 33px 0 0 38px; }\n      .brk-sc-masonry-two__top-content a {\n        text-decoration: none !important; }\n    .brk-sc-masonry-two__bottom-content {\n      width: 100%;\n      padding: 0 0 38px 38px; }\n      @media (max-width: 575px) {\n        .brk-sc-masonry-two__bottom-content {\n          padding: 0 20px 20px; } }\n    .brk-sc-masonry-two__title {\n      text-decoration: none; }\n    .brk-sc-masonry-two__description {\n      width: 100%;\n      max-width: 380px;\n      font-size: 0.9375rem;\n      line-height: 24px;\n      margin-top: 18px; }\n      [class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__description {\n        max-width: 210px;\n        margin-top: 10px; }\n      [class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__description {\n        max-width: 9999px;\n        margin-top: 21px;\n        opacity: 0;\n        transition: all .3s ease-in-out; }\n        @media (min-width: 992px) and (max-width: 1229px) {\n          [class*=\"brk-sc-masonry_narrow\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__description {\n            margin-top: 5px;\n            font-size: 0.75rem;\n            line-height: 18px; } }\n    .brk-sc-masonry-two__price .old-price {\n      text-decoration: line-through;\n      letter-spacing: 0.04em; }\n    .brk-sc-masonry-two__price .price {\n      letter-spacing: 0.06em;\n      margin-top: 11px; }\n      [class*=\"brk-sc-masonry_long\"][class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-two__price .price {\n        margin-right: 10px; }\n    .brk-sc-masonry-two__links {\n      margin-top: 18px; }\n      .brk-sc-masonry-two__links .btn {\n        min-width: 98px;\n        min-height: 40px;\n        box-shadow: none;\n        padding: 8px 21px;\n        font-size: 12px;\n        letter-spacing: .1em;\n        margin: 0 6px 10px 0; }\n        .brk-sc-masonry-two__links .btn > i {\n          font-size: 12px; }\n        .brk-sc-masonry-two__links .btn.btn-prime {\n          color: #cdcdcd; }\n          .brk-sc-masonry-two__links .btn.btn-prime:hover {\n            color: #cdcdcd !important; }\n          .brk-sc-masonry-two__links .btn.btn-prime .before,\n          .brk-sc-masonry-two__links .btn.btn-prime .after {\n            background-color: rgba(205, 205, 205, 0.15) !important; }\n          .brk-sc-masonry-two__links .btn.btn-prime .border-btn {\n            border-color: #cdcdcd; }\n        .brk-sc-masonry-two__links .btn.btn-inside-out .before {\n          padding-top: 8px; }\n      .brk-sc-masonry-two__links_colored .btn.btn-inside-out:hover {\n        background-color: #71a74c !important;\n        color: var(--white) !important; }\n        .brk-sc-masonry-two__links_colored .btn.btn-inside-out:hover i:before {\n          color: var(--white) !important; }\n      .brk-sc-masonry-two__links_colored .btn.btn-inside-out .before,\n      .brk-sc-masonry-two__links_colored .btn.btn-inside-out .after {\n        background-color: #8cc54f !important; }\n      .brk-sc-masonry-two__links .wishlist {\n        display: inline-block;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        text-align: center;\n        line-height: 40px;\n        background-color: #f0f1ef; }\n        .brk-sc-masonry-two__links .wishlist:hover i {\n          animation: palpitation 1s linear infinite; }\n        .brk-sc-masonry-two__links .wishlist i {\n          vertical-align: 0;\n          font-size: 0.8125rem;\n          opacity: .7; }\n\n@keyframes palpitation {\n  0% {\n    transform: scale(1); }\n  50% {\n    transform: scale(1.5); }\n  100% {\n    transform: scale(1); } }\n    .brk-sc-masonry-two__buy {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 86px;\n      padding-right: 15px;\n      padding-left: 35px;\n      transition: all .3s ease-in-out;\n      justify-content: space-between; }\n      @media (min-width: 992px) and (max-width: 1229px) {\n        .brk-sc-masonry-two__buy {\n          justify-content: flex-start;\n          padding-right: 0;\n          padding-left: 15px; } }\n      @media (max-width: 991px) {\n        .brk-sc-masonry-two__buy {\n          justify-content: space-between;\n          padding: 0 15px; } }\n      .brk-sc-masonry-two__buy .price {\n        margin-right: 8px;\n        letter-spacing: 0.04em;\n        font-size: 1.25rem; }\n        @media (min-width: 992px) and (max-width: 1229px) {\n          .brk-sc-masonry-two__buy .price {\n            margin-right: 0; } }\n        @media (max-width: 374px) {\n          .brk-sc-masonry-two__buy .price {\n            font-size: 1rem; } }\n      .brk-sc-masonry-two__buy .btn {\n        box-shadow: none;\n        background-color: transparent;\n        min-width: 130px;\n        min-height: 42px;\n        opacity: 0;\n        margin: 0;\n        transition: all .3s ease-in-out; }\n      .brk-sc-masonry-two__buy_colored .btn:hover {\n        color: var(--white) !important; }\n      .brk-sc-masonry-two__buy_colored .btn .border-btn {\n        border-color: #8cc54f; }\n      .brk-sc-masonry-two__buy_colored .btn.btn-prime:hover > .before,\n      .brk-sc-masonry-two__buy_colored .btn.btn-prime:hover > .after {\n        background-color: rgba(140, 197, 79, 0.3) !important; }\n  .brk-sc-masonry-three {\n    position: relative;\n    overflow: hidden;\n    border-radius: 5px;\n    transition: all .3s ease-in-out;\n    background-color: var(--white);\n    /* Components */\n    /* Components */ }\n    .brk-bordered-theme .brk-sc-masonry-three {\n      border-radius: var(--b-radius); }\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__bottom-content .brk-rating__layer i,\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__bottom-content .brk-rating__imposition i {\n      color: var(--white); }\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__bottom-content .btn {\n      opacity: 1; }\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__title {\n      color: var(--white); }\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__price .old-price,\n    .brk-sc-masonry-three:hover .brk-sc-masonry-three__price .price {\n      color: var(--white); }\n    .brk-sc-masonry-three:not(:hover) .brk-abs-overlay {\n      opacity: 0; }\n    .brk-sc-masonry-three .brk-abs-overlay {\n      transition: all .3s ease-in-out;\n      z-index: 2; }\n    .brk-sc-masonry-three__thumbnail {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      text-align: center;\n      z-index: 1;\n      padding: 85px 15px; }\n      [class*=\"brk-sc-masonry_small-\"] .brk-sc-masonry-three__thumbnail {\n        padding: 0;\n        width: auto;\n        height: auto;\n        bottom: -1px;\n        top: auto; }\n      .brk-sc-masonry-three__thumbnail img {\n        max-height: 100%; }\n    .brk-sc-masonry-three__container {\n      position: relative;\n      height: 100%;\n      z-index: 3;\n      justify-content: space-between;\n      align-content: flex-start; }\n      @media (max-width: 575.98px) {\n        .brk-sc-masonry-three__container {\n          flex-direction: column !important; } }\n      [class*=\"brk-sc-masonry_narrow\"] .brk-sc-masonry-three__container {\n        align-content: space-between; }\n    .brk-sc-masonry-three__top-content {\n      padding: 26px 0 26px 30px;\n      max-width: 290px; }\n    .brk-sc-masonry-three__bottom-content {\n      padding: 26px 26px 26px 0;\n      justify-content: flex-end;\n      align-items: flex-start; }\n      @media (max-width: 575.98px) {\n        .brk-sc-masonry-three__bottom-content {\n          justify-content: space-between !important;\n          padding: 26px 26px 80px 26px; } }\n      [class*=\"brk-sc-masonry_narrow\"] .brk-sc-masonry-three__bottom-content {\n        width: 100%;\n        justify-content: space-between !important;\n        padding: 26px; }\n      .brk-sc-masonry-three__bottom-content .btn {\n        border-radius: 3px;\n        min-width: 78px;\n        min-height: 48px;\n        margin: 0 20px 0 0;\n        padding: 12px;\n        transition: all .3s ease-in-out;\n        opacity: 0; }\n        [class*=\"brk-sc-masonry_narrow\"] .brk-sc-masonry-three__bottom-content .btn {\n          margin-right: 5px; }\n        .brk-sc-masonry-three__bottom-content .btn i {\n          font-weight: 700;\n          margin: 0;\n          margin-left: 5px; }\n      .brk-sc-masonry-three__bottom-content .brk-rating {\n        float: right; }\n    .brk-sc-masonry-three__title {\n      font-size: 1.3125rem;\n      line-height: 24px;\n      transition: all .3s ease-in-out; }\n      .brk-sc-masonry-three__title h1, .brk-sc-masonry-three__title h2, .brk-sc-masonry-three__title h3, .brk-sc-masonry-three__title h4, .brk-sc-masonry-three__title h5 {\n        color: inherit;\n        font-size: inherit;\n        letter-spacing: -0.01em; }\n    .brk-sc-masonry-three__category {\n      display: inline-block;\n      font-size: 0.75rem;\n      line-height: 16px;\n      padding: 0 4px;\n      margin-top: 7px; }\n    .brk-sc-masonry-three__price {\n      text-align: right;\n      width: 100%;\n      margin-bottom: 6px; }\n      .brk-sc-masonry-three__price .old-price {\n        font-size: 0.875rem;\n        line-height: 26px;\n        text-decoration: line-through;\n        margin-right: 12px;\n        transition: all .3s ease-in-out; }\n      .brk-sc-masonry-three__price .price {\n        font-size: 1.3125rem;\n        line-height: 24px;\n        transition: all .3s ease-in-out; }\n    .brk-sc-masonry-three .brk-rating__layer i,\n    .brk-sc-masonry-three .brk-rating__imposition i {\n      transition: all .3s ease-in-out; }\n  .brk-sc-masonry-slider {\n    position: relative; }\n    .brk-sc-masonry-slider .swiper-container,\n    .brk-sc-masonry-slider .swiper-wrapper,\n    .brk-sc-masonry-slider .swiper-slide {\n      position: relative; }\n    .brk-sc-masonry-slider .swiper-container {\n      min-height: 100%; }\n    .brk-sc-masonry-slider .brk-swiper-default-nav {\n      box-shadow: none; }\n    .brk-sc-masonry-slider .swiper-container:hover ~ .brk-swiper-default-pagination .brk-swiper-default-pagination-bullet {\n      background-color: #fff; }\n    .brk-sc-masonry-slider .brk-swiper-default-pagination:hover .brk-swiper-default-pagination-bullet {\n      background-color: var(--brand-primary); }\n"]}