.LoyaltyCoinsShopPage{position:relative;display:flex;flex-direction:column;gap:25px;min-height:calc(100vh - 270px)}.LoyaltyCoinsShopPage .LoyaltyCoinsShopHead{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px}@media (max-width:776px){.LoyaltyCoinsShopPage .LoyaltyCoinsShopHead{flex-direction:column-reverse}}.LoyaltyCoinsShopPage .LoyaltyCoinsShopHead .LayoltyImage img{position:relative;width:200px;height:200px}.LoyaltyCoinsShopPage .LoyaltyCoinsShopHead .LoyaltyBalance{position:relative;display:flex;flex-direction:column;gap:20px;width:100%}.LoyaltyCoinsShopPage .LoyaltyCoinsShopHead .LoyaltyBalance .DescriptionLayout{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .left,.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .right{position:relative;display:flex;flex-direction:column;gap:10px}.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .left h1{position:relative;color:#130f28;font-size:20px;font-weight:500;line-height:1}.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .left p,.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .right h1{position:relative;color:#130f28;font-size:14px;font-weight:300;line-height:1}.LoyaltyCoinsShopPage .LoyaltyBalance .DescriptionLayout .right p{position:relative;color:#4e8d40;font-size:35px;font-weight:500;line-height:1}.LoyaltyCoinsShopPage .LoyaltyBalance .Coins{position:relative;display:flex;flex-direction:column;gap:8px}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-coins{position:relative;font-size:30px;font-weight:700;line-height:32px;text-align:left;color:var(--main-color);margin:10px 0}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-bar{position:relative;display:flex;align-items:center}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-bar img:first-child{position:absolute;left:-5px;z-index:1}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-bar img:last-child{position:absolute;right:-5px}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-progress-bg{position:relative;width:100%;background-color:#c8dcc4;height:4px;border-radius:5px;overflow:hidden}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-progress{position:absolute;background-color:#4e8d40;height:100%;top:0;left:0;width:50%}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-values{position:relative;display:flex;justify-content:space-between;align-items:center}.LoyaltyCoinsShopPage .LoyaltyBalance .shop-sidebar-loyalty-values p{position:relative;font-size:12px;font-weight:300;line-height:16px;text-align:left}.LoyaltyCoinsShopPage .LoyaltyBalance .FooterLayoutPage{position:relative;display:flex;flex-direction:column;gap:10px}.LoyaltyCoinsShopPage .LoyaltyBalance .FooterLayoutPage h1{color:#130f28;font-size:20px;font-style:normal;font-weight:500;line-height:1}.LoyaltyCoinsShopPage .LoyaltyBalance .FooterLayoutPage p{color:#130f28;font-size:14px;font-style:normal;font-weight:300;line-height:1}.LoyaltyCoinsShopPage .LoyaltyCoinsMainContetn{position:relative;display:flex;flex-direction:column;gap:20px}.LoyaltyCoinsShopPage .LoyaltyCoinsMainContetn .LoyaltyNavigations{position:relative;display:flex;align-items:center;gap:20px}.LoyaltyCoinsShopPage .LoyaltyCoinsMainContetn .LoyaltyNavigations button{position:relative;display:flex;padding:10px 24px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid #4e8d40;background-color:#f8f7f3;color:#4e8d40;text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:1;transition:var(--main-transition);cursor:pointer}.LoyaltyCoinsShopPage .LoyaltyCoinsMainContetn .LoyaltyNavigations button.active{background:var(--main-color);color:#fefdfc}.LoginAleart{flex-direction:column;gap:15px;height:calc(100vh - 170px)}.LoginAleart,.LoginAleart .AleartLogin{position:relative;display:flex;justify-content:center;align-items:center}.LoginAleart .AleartLogin{width:350px;max-width:100%}.LoginAleart .AleartLogin svg{position:relative;width:100%}.LoginAleart h1{font-size:28px;font-weight:500}.LoginAleart h1,.LoginAleart p{position:relative;color:#130f28;text-align:center;font-style:normal;line-height:1}.LoginAleart p{font-size:14px;font-weight:300}.LoginAleart a{width:385px;max-width:100%;padding:14px 12px;justify-content:center;align-items:center;border-radius:43px;background:#4e8d40;color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:1}.LoginAleart a,.RewardsLoyaltyCoins{position:relative;display:flex;gap:20px}.RewardsLoyaltyCoins{flex-direction:column;padding-bottom:var(--main-padding-bottom)}.RewardsLoyaltyCoins>.Head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}.RewardsLoyaltyCoins>.Head h1{position:relative;color:#130f28;font-size:35px;font-style:normal;font-weight:500;line-height:1}.RewardsLoyaltyCoins>.Head button{position:relative;display:flex;padding:10px 28px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid #c8dcc4;background:#edf4ec;color:#aecba7;text-align:center;font-size:14px;font-weight:400;line-height:1;cursor:pointer;transition:var(--main-transition)}.RewardsLoyaltyCoins>.Head button.active,.RewardsLoyaltyCoins>.Head button:hover{background-color:#4e8d40;color:#fff}.RewardsLoyaltyCoins .RewardsLoyaltyCoinsContainer{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}@media (max-width:776px){.RewardsLoyaltyCoins .RewardsLoyaltyCoinsContainer{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard,.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .left{position:relative;display:flex;align-items:center;gap:10px}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .left{padding:16px 20px;flex-direction:column;justify-content:center;border-radius:10px;border:1px solid #4e8d40;background:#edf4ec}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .left svg{width:16px}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .left svg path{fill:#4e8d40}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .left p{position:relative;color:#4e8d40;font-size:12px;font-style:normal;font-weight:300;line-height:1;text-wrap:nowrap}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right{position:relative;display:flex;flex-direction:column;gap:10px}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right h1{position:relative;color:#130f28;font-size:20px;font-weight:500;line-height:1.4}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right .Time{position:relative;display:flex;align-items:center;gap:10px}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right .Time span{position:relative;color:#130f28;font-size:14px;font-style:normal;font-weight:300;line-height:1}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right .Time p{position:relative;color:#88b37f;font-size:14px;font-style:normal;font-weight:400;line-height:1}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .right>button{position:relative;width:-moz-fit-content;width:fit-content;border:0;background-color:transparent;display:flex;align-items:center;gap:15px;cursor:pointer;color:#4e8d40;font-size:14px;font-style:normal;font-weight:400;line-height:1}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .RewardPopup{position:fixed!important;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.2);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .RewardPopup .RewardBox{position:relative;border-radius:20px;background:#fff;display:flex;padding:48px;flex-direction:column;justify-content:center;align-items:flex-start;width:600px;max-width:100%}.RewardsLoyaltyCoins .LoyaltyCoinsRewardsCard .RewardPopup .RewardBox .Title{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-bottom:16px;border-bottom:1px solid #edf4ec}.RewardsLoyaltyCoins .RewardPopup .RewardBox .Title h1{position:relative;color:#000;font-size:28px;font-weight:500;line-height:1}.RewardsLoyaltyCoins .RewardPopup .RewardBox .Title .ExitBtn{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;gap:10px;width:28px;height:28px;border-radius:50%;background-color:#c8dcc4;cursor:pointer;color:#4e8d40;transition:var(--main-transition)}.RewardsLoyaltyCoins .RewardPopup .RewardBox .Title .ExitBtn:hover{background-color:var(--main-color);color:#fff}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody{position:relative;padding:16px 0 25px;display:flex;flex-direction:column;gap:20px}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .CoinsCollect{position:relative;display:flex;padding:3px 20px;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;border-radius:10px;border:1px solid #4e8d40;background:#edf4ec}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .CoinsCollect svg{width:16px}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .CoinsCollect path{fill:#4e8d40}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .CoinsCollect span{color:#4e8d40;font-size:12px;font-weight:300;line-height:1}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .Content{position:relative;display:flex;flex-direction:column;gap:15px}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .Content .Info{position:relative;display:flex;flex-direction:column;gap:5px}.RewardsLoyaltyCoins .RewardPopup .RewardBox .RewardBoxbody .Content .Info h1{position:relative;color:#130f28;font-size:18px;font-weight:500;line-height:1.4}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content .Info .Time{position:relative;display:flex;align-items:center;gap:10px}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content .Info .Time span{position:relative;color:#130f28;font-size:14px;font-style:normal;font-weight:300;line-height:1}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content .Info .Time p{position:relative;color:#88b37f;font-size:14px;font-style:normal;font-weight:400;line-height:1}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content ul{position:relative;display:flex;flex-direction:column;gap:10px}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content ul li{position:relative;color:#615e6f;font-size:14px;font-weight:300;line-height:1.2;padding-inline-start:20px}.RewardsLoyaltyCoins .RewardBox .RewardBoxbody .Content ul li:before{position:absolute;content:"";left:10px;top:50%;min-width:2px;height:2px;border-radius:50%;background-color:#615e6f}.RewardsLoyaltyCoins .RewardPopup .RewardBox>button{position:relative;display:flex;padding:15px 10px;justify-content:center;align-items:center;gap:20px;border-radius:56px;background:#4e8d40;color:#fff;font-size:14px;font-weight:600;line-height:1;width:100%;border:none;outline:none;cursor:pointer}.OffersLoyaltyCoins{position:relative;display:flex;flex-direction:column;gap:20px;padding-bottom:var(--main-padding-bottom)}.OffersLoyaltyCoins>.Head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}.OffersLoyaltyCoins>.Head h1{position:relative;color:#130f28;font-size:35px;font-style:normal;font-weight:500;line-height:1}.OffersLoyaltyCoins>.Head button{position:relative;display:flex;padding:10px 28px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid #c8dcc4;background:#edf4ec;color:#aecba7;text-align:center;font-size:14px;font-weight:400;line-height:1}.OffersLoyaltyCoins .OffersLoyaltyCoinsContainer{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}@media (max-width:776px){.OffersLoyaltyCoins .OffersLoyaltyCoinsContainer{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard{position:relative;display:flex;gap:10px}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .left{position:relative;display:flex;padding:16px 20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:10px;border:1px solid #4e8d40;background:#edf4ec}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .left svg{width:16px}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .left svg path{fill:#4e8d40}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .left p{position:relative;color:#4e8d40;font-size:12px;font-style:normal;font-weight:300;line-height:1;text-wrap:nowrap}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right{position:relative;display:flex;flex-direction:column;gap:10px}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right h1{position:relative;color:#130f28;font-size:20px;font-weight:500;line-height:1.4}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right .Time{position:relative;display:flex;align-items:center;gap:10px}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right .Time span{position:relative;color:#130f28;font-size:14px;font-style:normal;font-weight:300;line-height:1}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right .Time p{position:relative;color:#88b37f;font-size:14px;font-style:normal;font-weight:400;line-height:1}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .right>button{position:relative;width:-moz-fit-content;width:fit-content;border:0;background-color:transparent;display:flex;align-items:center;gap:15px;cursor:pointer;color:#4e8d40;font-size:14px;font-style:normal;font-weight:400;line-height:1}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .OffersPopup{position:fixed!important;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.2);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .OffersPopup .OffersBox{position:relative;border-radius:20px;background:#fff;display:flex;padding:48px;flex-direction:column;justify-content:center;align-items:flex-start;width:600px;max-width:100%}.OffersLoyaltyCoins .LoyaltyCoinsOffersCard .OffersPopup .OffersBox .Title{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-bottom:16px;border-bottom:1px solid #edf4ec}.OffersLoyaltyCoins .OffersPopup .OffersBox .Title h1{position:relative;color:#000;font-size:28px;font-weight:500;line-height:1}.OffersLoyaltyCoins .OffersPopup .OffersBox .Title .ExitBtn{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;gap:10px;width:28px;height:28px;border-radius:50%;background-color:#c8dcc4;cursor:pointer;color:#4e8d40;transition:var(--main-transition)}.OffersLoyaltyCoins .OffersPopup .OffersBox .Title .ExitBtn:hover{background-color:var(--main-color);color:#fff}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody{position:relative;padding:16px 0 25px;display:flex;flex-direction:column;gap:20px}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .CoinsCollect{position:relative;display:flex;padding:3px 20px;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;border-radius:10px;border:1px solid #4e8d40;background:#edf4ec}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .CoinsCollect svg{width:16px}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .CoinsCollect path{fill:#4e8d40}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .CoinsCollect span{color:#4e8d40;font-size:12px;font-weight:300;line-height:1}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .Content{position:relative;display:flex;flex-direction:column;gap:15px}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .Content .Info{position:relative;display:flex;flex-direction:column;gap:5px}.OffersLoyaltyCoins .OffersPopup .OffersBox .OffersBoxbody .Content .Info h1{position:relative;color:#130f28;font-size:18px;font-weight:500;line-height:1.4}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content .Info .Time{position:relative;display:flex;align-items:center;gap:10px}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content .Info .Time span{position:relative;color:#130f28;font-size:14px;font-style:normal;font-weight:300;line-height:1}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content .Info .Time p{position:relative;color:#88b37f;font-size:14px;font-style:normal;font-weight:400;line-height:1}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content ul{position:relative;display:flex;flex-direction:column;gap:10px}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content ul li{position:relative;color:#615e6f;font-size:14px;font-weight:300;line-height:1.2;padding-inline-start:20px}.OffersLoyaltyCoins .OffersBox .OffersBoxbody .Content ul li:before{position:absolute;content:"";left:10px;top:50%;min-width:2px;height:2px;border-radius:50%;background-color:#615e6f}.OffersLoyaltyCoins .OffersPopup .OffersBox>button{position:relative;display:flex;padding:15px 10px;justify-content:center;align-items:center;gap:20px;border-radius:56px;background:#4e8d40;color:#fff;font-size:14px;font-weight:600;line-height:1;width:100%;border:none;outline:none;cursor:pointer}