{"version":3,"sources":["shop-components-grid-filter.scss","../../assets/styles/_variables.scss","shop-components-grid-filter.css"],"names":[],"mappings":"AAiMG,0B,CAAA,qC,CCjGF,iC,CACA,qB,CACA,2B,CD5FA,6B,CACC,iB,CADA,gC,CAIC,iB,CACA,S,CACA,c,CAND,kC,CASE,gB,CATF,qC,CAcC,U,CACA,iB,CAGD,qC,CACC,wB,CACG,gB,CACA,mB,CACH,Y,CACA,kB,CACA,sB,CACA,c,CACA,2C,CARA,wC,CAgBC,W,CACA,kB,CACA,0C,CACA,iB,CACA,iB,CACA,e,CACA,Y,CACA,W,CACA,a,CACA,e,CACA,iB,CACA,8B,CAEA,yBA7BD,wC,CA8BE,U,CACA,e,CACA,mBAhCF,wD,CAsCG,W,CAtCH,2E,CA2CE,c,CACA,gB,CACA,kB,CACA,wB,CA9CF,0C,CAkDE,iB,CACA,gB,CAnDF,6C,CAwDC,O,CACA,M,CACA,0B,CACA,U,CACA,Q,CACA,U,CACA,8B,CAIF,qC,CACC,e,CACA,Y,CACA,c,CACA,iB,CACA,kB,CAEA,yBAPD,qC,CAQE,gBARD,4C,CAYC,U,CACA,iB,CACA,M,CACA,Q,CACA,U,CACA,U,CACA,S,CACA,wB,CAEA,yBArBD,4C,CAsBE,cAtBF,wC,CA2BC,W,CACA,gB,CACA,a,CACA,c,CACA,c,CACA,wB,CACA,c,CACA,iB,CACA,8B,CACA,S,CAEA,yBAtCD,wC,CAuCE,U,CACA,W,CACA,gB,CACA,S,CACA,iB,CA3CF,+C,CA8CG,U,CACA,iB,CACA,M,CACA,Q,CACA,U,CACA,U,CACA,S,CACA,0BArDH,gD,CA0DE,sC,CACA,6B,CAEA,yBA7DF,gD,CA8DG,iBA9DH,wD,CAkEG,U,CAlEH,4C,CAuEE,iB,CACA,K,CACA,O,CACA,c,CAEA,yBA5EF,4C,CA6EG,iB,CACA,Q,CACA,U,CACA,WAhFH,8C,CAoFG,iB,CACA,O,CACA,e,CAtFH,6C,CA4FC,iB,CACA,Q,CACA,Q,CACA,0B,CACA,U,CACA,O,CACA,8B,CACA,S,CAIF,qC,CACC,Y,CACA,kB,CAGA,yBALD,qC,CAME,aAND,wC,CAUC,U,CACA,e,CACA,W,CACA,W,CACA,8B,CAEA,yBAhBD,wC,CAiBE,uB,CACA,gB,CACA,W,CACA,aApBF,+C,CAwBE,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,wE,CA/BF,gD,CAmCE,Y,CAEA,yBArCF,gD,CAsCG,W,CACA,YAvCH,uD,CA2CG,uE,CA3CH,wD,CA+CG,U,CA/CH,2C,CAqDC,iB,CACA,Q,CACA,M,CACA,U,CACA,uB,CACA,S,CACA,c,CACA,gB,CAEA,yBA9DD,2C,CA+DE,iB,CACA,gB,CACA,c,CACA,W,CACA,O,CACA,4BApEF,6C,CAyEC,iB,CACA,M,CACA,Q,CACA,Q,CACA,U,CACA,8B,CACA,S,CAOH,0B,CACC,gB,CAEA,iB,CACA,e,CAJA,uC,CAQE,S,CARF,sC,CAWE,S,CAXF,oE,CAeE,O,CACA,8B,CAhBF,kE,CAoBE,U,CApBF,gC,CAAA,iC,CA0BC,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,8B,CAjCD,iC,CAqCC,wE,CArCD,gC,CAyCC,S,CACA,yB,CAGD,mC,CACC,iB,CACA,U,CACA,e,CACA,c,CACA,Q,CACA,qB,CACA,0B,CACA,S,CACA,8B,CATA,sC,CAYC,e,CAZD,yC,CA+WA,qC,CA9VE,a,CAjBF,2C,CAoBG,c,CACA,iB,CAMJ,iC,CACC,iB,CACA,S,CACA,Q,CACA,S,CACA,8B,CALA,sC,CAQC,a,CACA,U,CACA,W,CACA,iB,CACA,iB,CACA,iB,CACA,gB,CACA,gB,CACA,wB,CAIF,+B,CACC,U,CACA,e,CACA,W,CACA,a,CACA,kB,CACA,iB,CAEA,mC,CACC,a,CACA,iB,CACA,iB,CAHA,qC,CAMC,gB,CACA,iB,CAfF,8C,CAoBC,e,CACA,e,CACA,kB,CACA,iB,CAvBD,sC,CA2BC,iB,CACA,a,CACA,O,CACA,S,CACA,0B,CACA,U,CACA,W,CACA,kB,CAKH,2B,CACC,Q,CACA,mB,CACA,iB,CACA,e,CExGE,yC,CFoGF,wC,CASE,W,CATF,sE,CAaE,kB,CAbF,oE,CAoGC,4C,CAgDD,0C,CAnIE,S,CAjBF,mC,CAAA,kC,CAkCC,iB,CACA,S,CAEA,M,CACA,U,CAEA,8B,CAxCD,kC,CAsBC,U,CAEA,K,CAMA,6E,CAHA,W,CA3BD,mC,CAoCC,Q,CAGA,Q,CAIC,gC,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAGJ,oC,CACC,iB,CACA,Y,CACA,M,CACA,U,CACA,W,CACA,Y,CACA,S,CACA,8B,CAID,kC,CACC,U,CACA,a,CACA,S,CACA,8B,CAJA,uC,CAOC,a,CACA,W,CACA,gB,CACA,c,CACA,Y,CACA,kB,CAMD,iDAFD,mC,CAGE,U,CACA,oBAJD,+C,CAQC,c,CARD,6D,CAAA,wD,CAaG,kB,CAMJ,gC,CACC,iB,CACA,oB,CACA,c,CACA,W,CACA,kB,CACA,gB,CACA,8B,CACA,c,CACA,iB,CACA,6B,CAVA,sC,CAgDF,4B,CAnCG,6B,CAbD,sC,CAqBC,iB,CACA,O,CACA,M,CACA,0B,CACA,U,CACA,oB,CACA,8B,CACA,S,CA5BD,wC,CA+BE,iB,CACA,Q,CACK,gB,CACA,qB,CAtIR,0C,CA4IC,gB,CACA,iB,CACA,e,CACA,a,CAKF,4B,CACC,U,CACA,e,CACA,gB,CACA,iB,CACA,gB,CACA,qC,CACA,8B,CAPA,kC,CAWC,8B,CAXD,qE,CAkBE,gC,CACA,S,CACA,S,CA+MF,kF,CAnOA,sE,CAwBE,S,CAxBF,oC,CAuCA,kC,CAVC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,8B,CACA,S,CAGD,kC,CAMC,oC,CAGA,U,CACA,6B,CAID,mC,CACC,Y,CACA,iB,CACA,iB,CACA,wB,CAJA,uC,CAOC,iB,CACA,O,CACA,Q,CACA,8B,CACA,U,CACA,c,CACA,W,CACA,e,CAIF,oC,CACC,Y,CACA,c,CAFA,2C,CAKC,c,CAEA,8E,CACC,c,CARF,+C,CAaC,4B,CACA,kB,CAGD,uE,CACC,yD,CACA,Y,CAIF,mC,CACC,iB,CACA,U,CACA,Q,CACA,U,CACA,W,CACA,iB,CACA,gB,CACA,iB,CACA,iB,CACA,8B,CACA,S,CAXA,0C,CAcC,U,CACA,iB,CACA,U,CACA,K,CACA,M,CACA,U,CACA,W,CACA,8D,CAAA,sD,CACA,qC,CAtBD,yC,CA0BC,U,CACA,iB,CACA,W,CACA,O,CACA,O,CACA,Q,CACA,4B,CACA,S,CACA,mC,CACA,kC,CAIF,kC,CACC,kB,CACA,e,CACA,gB,CACA,yD,CAJA,qD,CAOC,S,CAPD,2D,CAUC,uC,CACA,kB,CAXD,2D,CAeC,qC,CACA,kB,CExLE,oC,CFwKH,qC,CAqBC,e,CACA,U,CACA,e,CACA,a,CAxBD,oC,CAgCC,e,CACA,e,CACA,kB,CAEA,oCApCD,oC,CAqCE,oBAKH,qC,CACC,oB,CACA,kB,CAFA,uC,CAKC,U,CACA,a,CACA,U,CACA,W,CACA,gB,CACA,iB,CACA,0C,CACI,2C,CAmIL,oC,CA/IA,yC,CAeO,qB,CAfP,mD,CAmBE,2B,CACA,Q,CApBF,kD,CAwBE,2B,CACA,Q,CAzBF,qD,CA6BE,iB,CACA,e,CACA,gB,CACA,kB,CACA,U,CACA,Q,CACA,kB,CACA,e,CACA,wB,CACA,U,CACA,e,CAvCF,2D,CAAA,4D,CA4CE,wB,CAQJ,6B,CACC,Q,CACA,mB,CACA,iB,CACE,gB,CA4CF,wC,CA1CE,sC,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,e,CAZJ,iF,CAoBE,S,CApBF,0E,CAuBE,O,CAIF,6C,CAAA,8C,CAEC,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,8B,CAGD,8C,CACC,wE,CAGD,6C,CACC,4E,CACA,S,CAGD,wC,CAEC,S,CASD,oC,CACC,iB,CACA,O,CACA,Q,CACA,8B,CACA,U,CACA,c,CACA,W,CACA,e,CACA,S,CAGD,sC,CACC,iB,CACA,U,CACA,e,CACA,qB,CACA,Q,CACA,8B,CACA,8B,CACA,S,CARA,iD,CAWC,4B,CACA,gB,CAIF,oC,CACC,e,CAGD,kC,CACC,oB,CACA,W,CACA,W,CACA,kB,CACA,iB,CALA,wC,CAQC,a,CACA,e,CACA,iB,CAVD,wC,CAcC,iB,CACA,O,CACA,S,CACA,0B,CACA,U,CACA,W,CACA,iB,CACA,gB,CACA,wB,CAjHF,4C,CA0HC,gB,CACA,e,CACA,iB,CACA,e,CAGD,oC,CACC,iB,CACA,Q,CACA,U,CACA,W,CACA,Y,CACA,S,CACA,e,CAPA,2C,CAUC,iB,CACA,K,CACA,O,CACA,e,CAbD,iD,CAAA,kD,CAiBE,U,CACA,iB,CACA,S,CACA,S,CACA,U,CArBF,kD,CAyBE,K,CACA,M,CA1BF,iD,CA8BE,O,CACA,Q,CA/BF,gD,CAmCE,a,CACA,iB,CACA,S,CACA,W,CACA,iB,CACA,c,CACA,gB,CACA,uB,CA1CF,wD,CA8CE,U,CACA,W,CA/CF,8D,CAAA,+D,CAmDG,kC,CAnDH,6D,CAuDG,U,CACA,S,CACA,M,CACA,uB,CACA,6E,CA3DH,wD,CAmEE,U,CACA,W,CApEF,8D,CAAA,+D,CAwEG,uC,CAxEH,6D,CA4EG,W,CACA,S,CACA,M,CACA,uB,CACA,mF","file":"../shop-components-grid-filter.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-shop-grid-filter {\r\n\r\n\t/* BUTTONS */\r\n\t&__button {\r\n\t\tposition: relative;\r\n\t\t\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\ti {\r\n\t\t\t\tvertical-align: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\r\n\t\t&_style-1 { /* brk-shop-grid-filter__button_style-1 */\r\n\t\t\tbackground-color: #fafafa; //BASE\r\n      min-height: 130px;\r\n      padding: 40px 0 35px 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tbox-shadow: inset 0 6px 12px rgba(0,0,0,.02);\r\n\r\n\t\t\t// @media (max-width: 767px) {\r\n\t\t\t// \tmin-height: 1px;\r\n\t\t\t// \tpadding: 5px;\r\n\t\t\t// }\r\n\r\n\t\t\tli {\r\n\t\t\t\theight: 44px;\r\n\t\t\t\tborder-radius: 24px;\r\n\t\t\t\tbox-shadow: inset 0 0 0 2px rgba(0,0,0,.06);\r\n\t\t\t\tfont-size: rem(14);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tmargin: 0 5px;\r\n\t\t\t\tpadding: 2px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttransition: all .2s ease-in-out;\r\n\t\t\t\t\r\n\t\t\t\t@media (max-width: 767px) {\r\n\t\t\t\t\tmargin: 5px;\r\n\t\t\t\t\tfont-weight: normal;\r\n\t\t\t\t\tfont-size: rem(14);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.checked {\r\n\r\n\t\t\t\t\t.before {\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.brk-shop-grid-filter__button-text {\r\n\t\t\t\t\tpadding: 0 37px;\r\n\t\t\t\t\tline-height: 40px;\r\n\t\t\t\t\tborder-radius: 20px;\r\n\t\t\t\t\tbackground-color: #fafafa; //BASE\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tmargin-right: 7px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.before {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\ttransition: all .2s ease-in-out;\r\n\t\t\t}\r\n\t\t} /* brk-shop-grid-filter__button_style-1 */\r\n\r\n\t\t&_style-2 { /* brk-shop-grid-filter__button_style-2 */\r\n\t\t\tmin-height: 76px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-bottom: 55px;\r\n\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\tmin-height: 1px;\r\n\t\t\t}\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\tleft: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 3px;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\tbackground-color: #f4f4f4;\r\n\r\n\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tli {\r\n\t\t\t\theight: 76px;\r\n\t\t\t\tline-height: 76px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tfont-size: rem(16);\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tpadding: 0 38px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tline-height: 40px;\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tcontent: '';\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 3px;\r\n\t\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\t\tbackground-color: #f4f4f4;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.checked {\r\n\t\t\t\t\tbox-shadow: 0 -2px 14px rgba(0,0,0,.06);\r\n\t\t\t\t\tbackground-color: var(--white);\r\n\r\n\t\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.before {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.all {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tpadding: 0 26px;\r\n\r\n\t\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\tright: auto;\r\n\t\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\tmargin-left: 8px;\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.before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\theight: 3px;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t}\r\n\t\t} /* brk-shop-grid-filter__button_style-2 */\r\n\r\n\t\t&_style-3 { /* brk-shop-grid-filter__button_style-3 */\r\n\t\t\theight: 100px;\r\n\t\t\tmargin-bottom: 40px;\r\n\t\t\t@extend %bg-style;\r\n\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\r\n\t\t\tli {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 200px;\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t\theight: 70px;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\r\n\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\twidth: calc(100% - 30px);\r\n\t\t\t\t\tmax-width: 9999px;\r\n\t\t\t\t\theight: 40px;\r\n\t\t\t\t\tflex-grow: 0;\r\n\t\t\t\t}\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\tz-index: 1;\r\n\t\t\t\t\tbackground-image: linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.43));\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.checked {\r\n\t\t\t\t\theight: 100px;\r\n\r\n\t\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\t\theight: 40px;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tbackground-image: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.07));\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.before {\r\n\t\t\t\t\t\theight: 3px;\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.text {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding: 0 5px 13px 19px;\r\n\t\t\t\tz-index: 4;\r\n\t\t\t\tfont-size: rem(16);\r\n\t\t\t\tline-height: 18px;\r\n\r\n\t\t\t\t@media (max-width: 991px) {\r\n\t\t\t\t\tfont-size: rem(14);\r\n\t\t\t\t\tline-height: 16px;\r\n\t\t\t\t\tpadding: 0 15px;\r\n\t\t\t\t\tbottom: auto;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t}\r\n\t\t} /* brk-shop-grid-filter__button_style-3 */\r\n\t}\r\n\t/* BUTTONS */\r\n\r\n\t/* ITEMS */\r\n\t&-grid {\r\n\t\tmin-height: 480px;\r\n\t\t@extend %bg-style;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&:hover {\r\n\t\t\t&:before {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-grid__content {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-grid__stick {\r\n\t\t\t\tleft: -75px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:before,\r\n\t\t&:after {\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\ttransition: all .3s ease-in-out;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 100%);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\topacity: 0;\r\n\t\t\tbackground: rgba(#000, .7);\r\n\t\t}\r\n\r\n\t\t&__content {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 330px;\r\n\t\t\tpadding: 0 15px;\r\n\t\t\tleft: 50%;\r\n\t\t\ttop: calc(100% - 90px);\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: all .4s ease-in-out;\r\n\r\n\t\t\th4 {\r\n\t\t\t\tmin-height: 56px;\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tli {\r\n\t\t\t\t\tpadding: 5px 0;\r\n\r\n\t\t\t\t\ti {\r\n\t\t\t\t\t\tmargin-top: 4px;\r\n\t\t\t\t\t\tmargin-right: 19px;\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&__stick {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 40px;\r\n\t\t\ttop: 45px;\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: all .5s ease-in-out;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 72px;\r\n\t\t\t\theight: 72px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tmargin-top: -14px;\r\n\t\t\t\tline-height: 72px;\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__buy {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 239px;\r\n\t\t\theight: 48px;\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 24px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&-add {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin-right: 94px;\r\n\t\t\t\tpadding-left: 25px;\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tvertical-align: 0;\r\n\t\t\t\t\tmargin-right: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.added_to_cart {\r\n\t\t\t\tmargin: 10px 0 0;\r\n\t\t\t\tpadding-top: 8px;\r\n\t\t\t\tpadding-bottom: 8px;\r\n\t\t\t\tfont-size: rem(14);\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tright: 3px;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\twidth: 93px;\r\n\t\t\t\theight: 42px;\r\n\t\t\t\tborder-radius: 21px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-cells {\r\n\t\theight: 0;\r\n\t\tpadding-bottom: 100%;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&:hover {\r\n\t\t\t&:before,\r\n\t\t\t.before {\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-cells__content {\r\n\t\t\t\tbottom: 0 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-cells__stick {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:before {\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: 101%;\r\n\t\t\theight: 100%;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tz-index: 1;\r\n\t\t\tbackground: linear-gradient(to bottom,  rgba(0,0,0,0.27) 0%,rgba(0,0,0,0.45) 100%);\r\n\t\t}\r\n\r\n\t\t.before {\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 101%;\r\n\t\t\theight: 0;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n    }\r\n    \r\n    &__img {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 101%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n\r\n\t\t&__content {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -100%;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tpadding: 25px;\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: all .5s ease-in-out;\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__stick {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 -5px;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tline-height: 20px;\r\n\t\t\t\tpadding: 0 11px;\r\n\t\t\t\tmargin: 0 5px;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__rating {\r\n\r\n\t\t\t@media (min-width: 1200px) and (max-width: 1499px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-rating {\r\n\t\t\t\tmargin-top: 4px;\r\n\r\n\t\t\t\t&__layer,\r\n\t\t\t\t&__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\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__buy {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmin-width: 90px;\r\n\t\t\theight: 38px;\r\n\t\t\tborder-radius: 19px;\r\n\t\t\tline-height: 38px;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tpadding: 0 19px;\r\n\t\t\ttext-align: center;\r\n\t\t\tborder: solid 2px var(--white);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--white);\r\n\r\n\t\t\t\t.text {\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.text {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: inline-block;\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\ti {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\ttop: -2px;\r\n          margin-right: 3px;\r\n          vertical-align: middle;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.added_to_cart {\r\n\t\t\tpadding: 7px 15px;\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tfont-weight: normal;\r\n\t\t\tmargin: 10px 0;\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\r\n\t&-strict {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 370px;\r\n\t\tmargin: 15px auto;\r\n\t\tposition: relative;\r\n\t\tmin-height: 470px;\r\n\t\tbox-shadow: 0 6px 30px rgba(0,0,0,.14);\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\ttransform: translate(15px, 15px);\r\n\r\n\t\t\t.before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-strict__back {\r\n\t\t\t\ttransform: translate(-30px, -30px);\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tz-index: 9;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-strict__stick {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.before {\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\topacity: 0;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t&__back {\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\tbox-shadow: 0 6px 40px rgba(0,0,0,.2);\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -1;\r\n\t\t\tbackground-color: var(--white);\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__thumb {\r\n\t\t\theight: 370px;\r\n\t\t\tposition: relative;\r\n\t\t\ttext-align: center;\r\n\t\t\tbackground-color: #f2f2f2;\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\twidth: auto;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__inform {\r\n\t\t\theight: 100px;\r\n\t\t\tpadding: 0 15px;\r\n\r\n\t\t\t.price {\r\n\t\t\t\tmargin-top: 3px;\r\n\r\n\t\t\t\t.brk-shop-grid-filter-strict__back & {\r\n\t\t\t\t\tmargin-top: 7px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.old-price {\r\n\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\tpadding-right: 13px;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-shop-grid-filter-strict__back & {\r\n\t\t\t\tborder-bottom: 1px solid rgba(var(--brk-dark-base-rgb), .1);\r\n\t\t\t\theight: 115px;\r\n\t\t\t}\r\n\t\t}\r\n\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\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\ttransition: all .3s ease-in-out;\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\tbackground-color: var(--brand-primary);\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\tborder-left-color: var(--brk-base-3);\r\n\t\t\t\tborder-top-color: var(--brk-base-3);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__list {\r\n\t\t\talign-items: center;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tmax-height: 225px;\r\n\t\t\tborder-bottom: 1px solid rgba(var(--brk-dark-base-rgb), .1);\r\n\r\n\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\twidth: 7px;\r\n\t\t\t}\r\n\t\t\t&::-webkit-scrollbar-track {\r\n\t\t\t\tbox-shadow: inset 0 0 6px rgba(0,0,0,0.3);\r\n\t\t\t\tborder-radius:10px;\r\n\r\n\t\t\t}\r\n\t\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\t\tbackground-color: rgba(256,256,256,0.1);\r\n\t\t\t\tborder-radius:10px;\r\n\t\t\t}\r\n\r\n\t\t\tul,\r\n\t\t\tp {\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 260px;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\r\n\t\t\tli {\r\n\t\t\t\tpadding: 5px 0;\r\n\t\t\t}\r\n\r\n\t\t\ti {\r\n\t\t\t\tfont-weight: 100;\r\n\t\t\t\tpadding-top: 5px;\r\n\t\t\t\tpadding-right: 23px;\r\n\r\n\t\t\t\t@media #{$xm-max} {\r\n\t\t\t\t\tpadding-right: 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__actions {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tborder-radius: 27px;\r\n\r\n\t\t\ta {\r\n\t\t\t\tfloat: left;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 72px;\r\n\t\t\t\theight: 54px;\r\n\t\t\t\tline-height: 48px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tborder-left: 1px solid var(--brand-primary);\r\n        border-right: 1px solid var(--brand-primary);\r\n        \r\n        i{\r\n          vertical-align: middle;\r\n        }\r\n\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\tborder-radius: 27px 0 0 27px;\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-radius: 0 27px 27px 0;\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.added_to_cart {\r\n\t\t\t\t\tfont-size: rem(14);\r\n\t\t\t\t\tfont-weight: normal;\r\n\t\t\t\t\tline-height: 16px;\r\n\t\t\t\t\tpadding: 10px 5px 0;\r\n\t\t\t\t\twidth: 72px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\twhite-space: normal;\r\n\t\t\t\t\tborder-radius: 0;\r\n\t\t\t\t\tbackground-color: #105ae0;\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.remove_from_wishlist,\r\n\t\t\t\t&.remove_from_compare {\r\n\t\t\t\t\tbackground-color: #375cf1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\t/* Components */\r\n\t}\r\n\r\n\t&-special {\r\n\t\theight: 0;\r\n\t\tpadding-bottom: 100%;\r\n\t\tposition: relative;\r\n    max-height: 300px;\r\n    \r\n    &__overlay {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n\t\t&:hover {\r\n\t\t\t.brk-shop-grid-filter-special__overlay::before {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t\t.brk-shop-grid-filter-special__overlay::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t\t.brk-shop-grid-filter-special__content {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__overlay::before,\r\n\t\t&__overlay::after {\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: 101%;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 2;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t}\r\n\r\n\t\t&__overlay::before {\r\n\t\t\tbackground-image: linear-gradient(to top, rgba(0,0,0,.69), rgba(0,0,0,0) 50%);\r\n\t\t}\r\n\r\n\t\t&__overlay::after {\r\n\t\t\tbackground-image: linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.69) 99%);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\r\n\t\t&__container {\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 3;\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\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t/* Components */\r\n\t\t&__thumb {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: auto;\r\n\t\t\tmax-width: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tmax-height: 100%;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t&__content {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 250px;\r\n\t\t\ttop: calc(100% + 35px);\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\ttransition: all .4s ease-in-out;\r\n\t\t\tz-index: 1;\r\n\t\t\t\r\n\t\t\t.old-price {\r\n\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\tmargin-right: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tmin-height: 50px;\r\n\t\t}\r\n\r\n\t\t&__buy {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\twidth: 179px;\r\n\t\t\theight: 44px;\r\n\t\t\tborder-radius: 22px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t.text {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tpadding-left: 31px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.icon {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tright: 5px;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\twidth: 36px;\r\n\t\t\t\theight: 36px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tline-height: 34px;\r\n\t\t\t\tbackground-color: #fdfdfd;\r\n      }\r\n      \r\n      i{\r\n        vertical-align: middle;\r\n      }\r\n\t\t}\r\n\r\n\t\t.added_to_cart {\r\n\t\t\tpadding: 5px 15px;\r\n\t\t\tfont-weight: normal;\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tmargin: 10px 0 0;\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: 100px;\r\n\t\t\theight: 100px;\r\n\t\t\tz-index: 9;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.stick {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t&:before,\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\twidth: 5px;\r\n\t\t\t\t\theight: 5px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 2;\r\n\t\t\t\t\theight: 25px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tfont-size: rem(16);\r\n\t\t\t\t\tline-height: 25px;\r\n\t\t\t\t\ttransform: rotate(45deg);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\twidth: 66px;\r\n\t\t\t\t\theight: 66px;\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: var(--brk-base-3);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\twidth: 92px;\r\n\t\t\t\t\t\ttop: -25px;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttransform-origin: 0 100%;\r\n\t\t\t\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tto left,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-6),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-5));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\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: var(--brk-secondary-2);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\twidth: 141px;\r\n\t\t\t\t\t\ttop: -25px;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttransform-origin: 0 100%;\r\n\t\t\t\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tto right,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-3),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-secondary-3));\r\n\t\t\t\t\t}\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\t/* ITEMS */\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-shop-grid-filter__button_style-3, .brk-shop-grid-filter-grid {\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat; }\n\n.brk-shop-grid-filter {\n  /* BUTTONS */\n  /* BUTTONS */\n  /* ITEMS */\n  /* ITEMS */ }\n  .brk-shop-grid-filter__button {\n    position: relative;\n    /* brk-shop-grid-filter__button_style-1 */\n    /* brk-shop-grid-filter__button_style-2 */\n    /* brk-shop-grid-filter__button_style-3 */ }\n    .brk-shop-grid-filter__button li {\n      position: relative;\n      z-index: 1;\n      cursor: pointer; }\n      .brk-shop-grid-filter__button li i {\n        vertical-align: 0; }\n    .brk-shop-grid-filter__button .before {\n      content: '';\n      position: absolute; }\n    .brk-shop-grid-filter__button_style-1 {\n      /* brk-shop-grid-filter__button_style-1 */\n      background-color: #fafafa;\n      min-height: 130px;\n      padding: 40px 0 35px 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.02); }\n      .brk-shop-grid-filter__button_style-1 li {\n        height: 44px;\n        border-radius: 24px;\n        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.06);\n        font-size: 0.875rem;\n        text-align: center;\n        overflow: hidden;\n        margin: 0 5px;\n        padding: 2px;\n        display: block;\n        font-weight: bold;\n        position: relative;\n        transition: all .2s ease-in-out; }\n        @media (max-width: 767px) {\n          .brk-shop-grid-filter__button_style-1 li {\n            margin: 5px;\n            font-weight: normal;\n            font-size: 0.875rem; } }\n        .brk-shop-grid-filter__button_style-1 li.checked .before {\n          height: 100%; }\n        .brk-shop-grid-filter__button_style-1 li .brk-shop-grid-filter__button-text {\n          padding: 0 37px;\n          line-height: 40px;\n          border-radius: 20px;\n          background-color: #fafafa; }\n        .brk-shop-grid-filter__button_style-1 li i {\n          position: relative;\n          margin-right: 7px; }\n      .brk-shop-grid-filter__button_style-1 .before {\n        top: 50%;\n        left: 0;\n        transform: translateY(-50%);\n        width: 100%;\n        height: 0;\n        z-index: -1;\n        transition: all .2s ease-in-out; }\n    .brk-shop-grid-filter__button_style-2 {\n      /* brk-shop-grid-filter__button_style-2 */\n      min-height: 76px;\n      display: flex;\n      flex-wrap: wrap;\n      position: relative;\n      margin-bottom: 55px; }\n      @media (max-width: 991px) {\n        .brk-shop-grid-filter__button_style-2 {\n          min-height: 1px; } }\n      .brk-shop-grid-filter__button_style-2:before {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 3px;\n        z-index: 1;\n        background-color: #f4f4f4; }\n        @media (max-width: 991px) {\n          .brk-shop-grid-filter__button_style-2:before {\n            display: none; } }\n      .brk-shop-grid-filter__button_style-2 li {\n        height: 76px;\n        line-height: 76px;\n        display: block;\n        cursor: pointer;\n        font-size: 1rem;\n        text-transform: uppercase;\n        padding: 0 38px;\n        position: relative;\n        transition: all .3s ease-in-out;\n        z-index: 2; }\n        @media (max-width: 991px) {\n          .brk-shop-grid-filter__button_style-2 li {\n            width: 100%;\n            height: auto;\n            line-height: 40px;\n            padding: 0;\n            text-align: center; }\n            .brk-shop-grid-filter__button_style-2 li:before {\n              content: '';\n              position: absolute;\n              left: 0;\n              bottom: 0;\n              width: 100%;\n              height: 3px;\n              z-index: 1;\n              background-color: #f4f4f4; } }\n        .brk-shop-grid-filter__button_style-2 li.checked {\n          box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.06);\n          background-color: var(--white); }\n          @media (max-width: 991px) {\n            .brk-shop-grid-filter__button_style-2 li.checked {\n              box-shadow: none; } }\n          .brk-shop-grid-filter__button_style-2 li.checked .before {\n            width: 100%; }\n        .brk-shop-grid-filter__button_style-2 li.all {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 0 26px; }\n          @media (max-width: 991px) {\n            .brk-shop-grid-filter__button_style-2 li.all {\n              position: relative;\n              top: auto;\n              right: auto;\n              padding: 0; } }\n          .brk-shop-grid-filter__button_style-2 li.all i {\n            position: relative;\n            top: 1px;\n            margin-left: 8px; }\n      .brk-shop-grid-filter__button_style-2 .before {\n        position: absolute;\n        left: 50%;\n        bottom: 0;\n        transform: translateX(-50%);\n        height: 3px;\n        width: 0;\n        transition: all .3s ease-in-out;\n        z-index: 3; }\n    .brk-shop-grid-filter__button_style-3 {\n      /* brk-shop-grid-filter__button_style-3 */\n      height: 100px;\n      margin-bottom: 40px; }\n      @media (max-width: 991px) {\n        .brk-shop-grid-filter__button_style-3 {\n          height: auto; } }\n      .brk-shop-grid-filter__button_style-3 li {\n        width: 100%;\n        max-width: 200px;\n        flex-grow: 1;\n        height: 70px;\n        transition: all .3s ease-in-out; }\n        @media (max-width: 991px) {\n          .brk-shop-grid-filter__button_style-3 li {\n            width: calc(100% - 30px);\n            max-width: 9999px;\n            height: 40px;\n            flex-grow: 0; } }\n        .brk-shop-grid-filter__button_style-3 li:before {\n          content: '';\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          z-index: 1;\n          background-image: linear-gradient(to top, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.43)); }\n        .brk-shop-grid-filter__button_style-3 li.checked {\n          height: 100px; }\n          @media (max-width: 991px) {\n            .brk-shop-grid-filter__button_style-3 li.checked {\n              height: 40px;\n              width: 100%; } }\n          .brk-shop-grid-filter__button_style-3 li.checked:before {\n            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.07)); }\n          .brk-shop-grid-filter__button_style-3 li.checked .before {\n            height: 3px; }\n      .brk-shop-grid-filter__button_style-3 .text {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 0 5px 13px 19px;\n        z-index: 4;\n        font-size: 1rem;\n        line-height: 18px; }\n        @media (max-width: 991px) {\n          .brk-shop-grid-filter__button_style-3 .text {\n            font-size: 0.875rem;\n            line-height: 16px;\n            padding: 0 15px;\n            bottom: auto;\n            top: 50%;\n            transform: translateY(-50%); } }\n      .brk-shop-grid-filter__button_style-3 .before {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        height: 0;\n        width: 100%;\n        transition: all .3s ease-in-out;\n        z-index: 3; }\n  .brk-shop-grid-filter-grid {\n    min-height: 480px;\n    position: relative;\n    overflow: hidden; }\n    .brk-shop-grid-filter-grid:hover:before {\n      opacity: 0; }\n    .brk-shop-grid-filter-grid:hover:after {\n      opacity: 1; }\n    .brk-shop-grid-filter-grid:hover .brk-shop-grid-filter-grid__content {\n      top: 50%;\n      transform: translate(-50%, -50%); }\n    .brk-shop-grid-filter-grid:hover .brk-shop-grid-filter-grid__stick {\n      left: -75px; }\n    .brk-shop-grid-filter-grid:before, .brk-shop-grid-filter-grid:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n      transition: all .3s ease-in-out; }\n    .brk-shop-grid-filter-grid:before {\n      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }\n    .brk-shop-grid-filter-grid:after {\n      opacity: 0;\n      background: rgba(0, 0, 0, 0.7); }\n    .brk-shop-grid-filter-grid__content {\n      position: absolute;\n      width: 100%;\n      max-width: 330px;\n      padding: 0 15px;\n      left: 50%;\n      top: calc(100% - 90px);\n      transform: translateX(-50%);\n      z-index: 2;\n      transition: all .4s ease-in-out; }\n      .brk-shop-grid-filter-grid__content h4 {\n        min-height: 56px; }\n      .brk-shop-grid-filter-grid__content ul li {\n        padding: 5px 0; }\n        .brk-shop-grid-filter-grid__content ul li i {\n          margin-top: 4px;\n          margin-right: 19px; }\n    .brk-shop-grid-filter-grid__stick {\n      position: absolute;\n      left: 40px;\n      top: 45px;\n      z-index: 2;\n      transition: all .5s ease-in-out; }\n      .brk-shop-grid-filter-grid__stick span {\n        display: block;\n        width: 72px;\n        height: 72px;\n        border-radius: 50%;\n        position: relative;\n        text-align: center;\n        margin-top: -14px;\n        line-height: 72px;\n        text-transform: uppercase; }\n    .brk-shop-grid-filter-grid__buy {\n      width: 100%;\n      max-width: 239px;\n      height: 48px;\n      display: block;\n      border-radius: 24px;\n      position: relative; }\n      .brk-shop-grid-filter-grid__buy-add {\n        display: block;\n        margin-right: 94px;\n        padding-left: 25px; }\n        .brk-shop-grid-filter-grid__buy-add i {\n          vertical-align: 0;\n          margin-right: 18px; }\n      .brk-shop-grid-filter-grid__buy .added_to_cart {\n        margin: 10px 0 0;\n        padding-top: 8px;\n        padding-bottom: 8px;\n        font-size: 0.875rem; }\n      .brk-shop-grid-filter-grid__buy .price {\n        position: absolute;\n        display: block;\n        top: 50%;\n        right: 3px;\n        transform: translateY(-50%);\n        width: 93px;\n        height: 42px;\n        border-radius: 21px; }\n  .brk-shop-grid-filter-cells {\n    height: 0;\n    padding-bottom: 100%;\n    position: relative;\n    overflow: hidden;\n    /* Components */\n    /* Components */ }\n    .brk-shop-grid-filter-cells:hover:before,\n    .brk-shop-grid-filter-cells:hover .before {\n      height: 100%; }\n    .brk-shop-grid-filter-cells:hover .brk-shop-grid-filter-cells__content {\n      bottom: 0 !important; }\n    .brk-shop-grid-filter-cells:hover .brk-shop-grid-filter-cells__stick {\n      opacity: 1; }\n    .brk-shop-grid-filter-cells:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 101%;\n      height: 100%;\n      transition: all .3s ease-in-out;\n      z-index: 1;\n      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.45) 100%); }\n    .brk-shop-grid-filter-cells .before {\n      position: absolute;\n      z-index: 1;\n      bottom: 0;\n      left: 0;\n      width: 101%;\n      height: 0;\n      transition: all .3s ease-in-out; }\n    .brk-shop-grid-filter-cells__img {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 101%;\n      height: 100%;\n      -o-object-fit: cover;\n         object-fit: cover;\n      -o-object-position: center;\n         object-position: center; }\n    .brk-shop-grid-filter-cells__content {\n      position: absolute;\n      bottom: -100%;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 25px;\n      z-index: 2;\n      transition: all .5s ease-in-out; }\n    .brk-shop-grid-filter-cells__stick {\n      width: 100%;\n      margin: 0 -5px;\n      opacity: 0;\n      transition: all .3s ease-in-out; }\n      .brk-shop-grid-filter-cells__stick span {\n        display: block;\n        height: 20px;\n        line-height: 20px;\n        padding: 0 11px;\n        margin: 0 5px;\n        border-radius: 10px; }\n    @media (min-width: 1200px) and (max-width: 1499px) {\n      .brk-shop-grid-filter-cells__rating {\n        width: 100%;\n        margin-bottom: 10px; } }\n    .brk-shop-grid-filter-cells__rating .brk-rating {\n      margin-top: 4px; }\n      .brk-shop-grid-filter-cells__rating .brk-rating__layer i, .brk-shop-grid-filter-cells__rating .brk-rating__imposition i {\n        color: var(--white); }\n    .brk-shop-grid-filter-cells__buy {\n      position: relative;\n      display: inline-block;\n      min-width: 90px;\n      height: 38px;\n      border-radius: 19px;\n      line-height: 38px;\n      transition: all .3s ease-in-out;\n      padding: 0 19px;\n      text-align: center;\n      border: solid 2px var(--white); }\n      .brk-shop-grid-filter-cells__buy:hover {\n        background-color: var(--white); }\n        .brk-shop-grid-filter-cells__buy:hover .text {\n          opacity: 1; }\n      .brk-shop-grid-filter-cells__buy .text {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        transform: translateY(-50%);\n        width: 100%;\n        display: inline-block;\n        transition: all .3s ease-in-out;\n        opacity: 0; }\n        .brk-shop-grid-filter-cells__buy .text i {\n          position: relative;\n          top: -2px;\n          margin-right: 3px;\n          vertical-align: middle; }\n    .brk-shop-grid-filter-cells .added_to_cart {\n      padding: 7px 15px;\n      font-size: 0.875rem;\n      font-weight: normal;\n      margin: 10px 0; }\n  .brk-shop-grid-filter-strict {\n    width: 100%;\n    max-width: 370px;\n    margin: 15px auto;\n    position: relative;\n    min-height: 470px;\n    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.14);\n    transition: all .3s ease-in-out;\n    background-color: var(--white);\n    /* Components */\n    /* Components */ }\n    .brk-shop-grid-filter-strict:hover {\n      transform: translate(15px, 15px); }\n      .brk-shop-grid-filter-strict:hover .before {\n        opacity: 1; }\n      .brk-shop-grid-filter-strict:hover .brk-shop-grid-filter-strict__back {\n        transform: translate(-30px, -30px);\n        opacity: 1;\n        z-index: 9; }\n      .brk-shop-grid-filter-strict:hover .brk-shop-grid-filter-strict__stick {\n        opacity: 0; }\n    .brk-shop-grid-filter-strict .before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      transition: all .3s ease-in-out;\n      z-index: 1; }\n    .brk-shop-grid-filter-strict__back {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      box-shadow: 0 6px 40px rgba(0, 0, 0, 0.2);\n      transition: all .3s ease-in-out;\n      opacity: 0;\n      z-index: -1;\n      background-color: var(--white); }\n    .brk-shop-grid-filter-strict__thumb {\n      height: 370px;\n      position: relative;\n      text-align: center;\n      background-color: #f2f2f2; }\n      .brk-shop-grid-filter-strict__thumb img {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: auto;\n        max-width: 100%;\n        height: auto;\n        max-height: 100%; }\n    .brk-shop-grid-filter-strict__inform {\n      height: 100px;\n      padding: 0 15px; }\n      .brk-shop-grid-filter-strict__inform .price {\n        margin-top: 3px; }\n        .brk-shop-grid-filter-strict__back .brk-shop-grid-filter-strict__inform .price {\n          margin-top: 7px; }\n      .brk-shop-grid-filter-strict__inform .old-price {\n        text-decoration: line-through;\n        padding-right: 13px; }\n      .brk-shop-grid-filter-strict__back .brk-shop-grid-filter-strict__inform {\n        border-bottom: 1px solid rgba(var(--brk-dark-base-rgb), 0.1);\n        height: 115px; }\n    .brk-shop-grid-filter-strict__stick {\n      position: absolute;\n      right: -6px;\n      top: 25px;\n      width: 70px;\n      height: 34px;\n      font-size: 0.875rem;\n      line-height: 34px;\n      text-align: center;\n      padding-left: 11px;\n      transition: all .3s ease-in-out;\n      z-index: 9; }\n      .brk-shop-grid-filter-strict__stick:before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14% 50%);\n                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14% 50%);\n        background-color: var(--brand-primary); }\n      .brk-shop-grid-filter-strict__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        border-left-color: var(--brk-base-3);\n        border-top-color: var(--brk-base-3); }\n    .brk-shop-grid-filter-strict__list {\n      align-items: center;\n      overflow-y: auto;\n      max-height: 225px;\n      border-bottom: 1px solid rgba(var(--brk-dark-base-rgb), 0.1); }\n      .brk-shop-grid-filter-strict__list::-webkit-scrollbar {\n        width: 7px; }\n      .brk-shop-grid-filter-strict__list::-webkit-scrollbar-track {\n        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n        border-radius: 10px; }\n      .brk-shop-grid-filter-strict__list::-webkit-scrollbar-thumb {\n        background-color: rgba(255, 255, 255, 0.1);\n        border-radius: 10px; }\n      .brk-shop-grid-filter-strict__list ul,\n      .brk-shop-grid-filter-strict__list p {\n        max-height: 100%;\n        width: 100%;\n        max-width: 260px;\n        margin: 0 auto; }\n      .brk-shop-grid-filter-strict__list li {\n        padding: 5px 0; }\n      .brk-shop-grid-filter-strict__list i {\n        font-weight: 100;\n        padding-top: 5px;\n        padding-right: 23px; }\n        @media screen and (max-width: 479px) {\n          .brk-shop-grid-filter-strict__list i {\n            padding-right: 10px; } }\n    .brk-shop-grid-filter-strict__actions {\n      display: inline-block;\n      border-radius: 27px; }\n      .brk-shop-grid-filter-strict__actions a {\n        float: left;\n        display: block;\n        width: 72px;\n        height: 54px;\n        line-height: 48px;\n        text-align: center;\n        border-left: 1px solid var(--brand-primary);\n        border-right: 1px solid var(--brand-primary); }\n        .brk-shop-grid-filter-strict__actions a i {\n          vertical-align: middle; }\n        .brk-shop-grid-filter-strict__actions a:first-child {\n          border-radius: 27px 0 0 27px;\n          border: 0; }\n        .brk-shop-grid-filter-strict__actions a:last-child {\n          border-radius: 0 27px 27px 0;\n          border: 0; }\n        .brk-shop-grid-filter-strict__actions a.added_to_cart {\n          font-size: 0.875rem;\n          font-weight: normal;\n          line-height: 16px;\n          padding: 10px 5px 0;\n          width: 72px;\n          margin: 0;\n          white-space: normal;\n          border-radius: 0;\n          background-color: #105ae0;\n          color: #fff;\n          box-shadow: none; }\n        .brk-shop-grid-filter-strict__actions a.remove_from_wishlist, .brk-shop-grid-filter-strict__actions a.remove_from_compare {\n          background-color: #375cf1; }\n  .brk-shop-grid-filter-special {\n    height: 0;\n    padding-bottom: 100%;\n    position: relative;\n    max-height: 300px;\n    /* Components */\n    /* Components */ }\n    .brk-shop-grid-filter-special__overlay {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden; }\n    .brk-shop-grid-filter-special:hover .brk-shop-grid-filter-special__overlay::before {\n      opacity: 0; }\n    .brk-shop-grid-filter-special:hover .brk-shop-grid-filter-special__overlay::after {\n      opacity: 1; }\n    .brk-shop-grid-filter-special:hover .brk-shop-grid-filter-special__content {\n      top: 50%; }\n    .brk-shop-grid-filter-special__overlay::before, .brk-shop-grid-filter-special__overlay::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 101%;\n      height: 100%;\n      z-index: 2;\n      transition: all .3s ease-in-out; }\n    .brk-shop-grid-filter-special__overlay::before {\n      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0) 50%); }\n    .brk-shop-grid-filter-special__overlay::after {\n      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.69) 99%);\n      opacity: 0; }\n    .brk-shop-grid-filter-special__container {\n      position: absolute;\n      z-index: 3;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden; }\n    .brk-shop-grid-filter-special__thumb {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: auto;\n      max-width: 100%;\n      height: auto;\n      max-height: 100%;\n      z-index: 1; }\n    .brk-shop-grid-filter-special__content {\n      position: absolute;\n      width: 100%;\n      max-width: 250px;\n      top: calc(100% + 35px);\n      left: 50%;\n      transform: translate(-50%, -50%);\n      transition: all .4s ease-in-out;\n      z-index: 1; }\n      .brk-shop-grid-filter-special__content .old-price {\n        text-decoration: line-through;\n        margin-right: 5px; }\n    .brk-shop-grid-filter-special__title {\n      min-height: 50px; }\n    .brk-shop-grid-filter-special__buy {\n      display: inline-block;\n      width: 179px;\n      height: 44px;\n      border-radius: 22px;\n      position: relative; }\n      .brk-shop-grid-filter-special__buy .text {\n        display: block;\n        text-align: left;\n        padding-left: 31px; }\n      .brk-shop-grid-filter-special__buy .icon {\n        position: absolute;\n        top: 50%;\n        right: 5px;\n        transform: translateY(-50%);\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        line-height: 34px;\n        background-color: #fdfdfd; }\n      .brk-shop-grid-filter-special__buy i {\n        vertical-align: middle; }\n    .brk-shop-grid-filter-special .added_to_cart {\n      padding: 5px 15px;\n      font-weight: normal;\n      font-size: 0.875rem;\n      margin: 10px 0 0; }\n    .brk-shop-grid-filter-special__stick {\n      position: absolute;\n      top: -5px;\n      right: -5px;\n      width: 100px;\n      height: 100px;\n      z-index: 9;\n      overflow: hidden; }\n      .brk-shop-grid-filter-special__stick .stick {\n        position: absolute;\n        top: 0;\n        right: 0;\n        overflow: hidden; }\n        .brk-shop-grid-filter-special__stick .stick:before, .brk-shop-grid-filter-special__stick .stick:after {\n          content: '';\n          position: absolute;\n          z-index: 1;\n          width: 5px;\n          height: 5px; }\n        .brk-shop-grid-filter-special__stick .stick:before {\n          top: 0;\n          left: 0; }\n        .brk-shop-grid-filter-special__stick .stick:after {\n          right: 0;\n          bottom: 0; }\n        .brk-shop-grid-filter-special__stick .stick span {\n          display: block;\n          position: absolute;\n          z-index: 2;\n          height: 25px;\n          text-align: center;\n          font-size: 1rem;\n          line-height: 25px;\n          transform: rotate(45deg); }\n        .brk-shop-grid-filter-special__stick .stick:nth-child(1) {\n          width: 66px;\n          height: 66px; }\n          .brk-shop-grid-filter-special__stick .stick:nth-child(1):before, .brk-shop-grid-filter-special__stick .stick:nth-child(1):after {\n            background-color: var(--brk-base-3); }\n          .brk-shop-grid-filter-special__stick .stick:nth-child(1) span {\n            width: 92px;\n            top: -25px;\n            left: 0;\n            transform-origin: 0 100%;\n            background-image: linear-gradient(to left, var(--brk-base-6), var(--brk-base-5)); }\n        .brk-shop-grid-filter-special__stick .stick:nth-child(2) {\n          width: 100%;\n          height: 100%; }\n          .brk-shop-grid-filter-special__stick .stick:nth-child(2):before, .brk-shop-grid-filter-special__stick .stick:nth-child(2):after {\n            background-color: var(--brk-secondary-2); }\n          .brk-shop-grid-filter-special__stick .stick:nth-child(2) span {\n            width: 141px;\n            top: -25px;\n            left: 0;\n            transform-origin: 0 100%;\n            background-image: linear-gradient(to right, var(--brk-base-3), var(--brk-secondary-3)); }\n"]}