#fp-location { position: absolute; top:0; bottom:0; left:0; right:0; background:white; }
#fp-location .location-header { padding:5%; margin-bottom:3%; clear:both; }
#fp-location .location-header > div { width: 28%; height: 40px; font-size: 26px; font-weight:900; color: white; text-align: center; line-height: 40px; float: left; margin-left: 1%; margin-right: 1%; border-radius: 10px; }
#fp-location .location-header div:hover, #fp-location .location-header div.active { background: #fa6969 !important; padding: 5px; margin-top: -10px; text-align: center !important; margin-left: -10px; padding-bottom: 10px; border: none; }
.at-location { display:block; clear:both; width:100%; height:max-content; }
.location-container .at-location .smis_form > div { width:100%; clear:both; }
#fp-membership-offer { text-align: center; max-width: 80%; padding-left : 10%; padding-right : 10%; margin-top : 100px; }
#fp-membership-offer h1 { font-size: 20px; line-height: 25px; }
.location-container .at-location .smis_form > div input, .location-container .at-location .smis_form > div  label, .location-container .at-location .smis_form > div select { width:40%; clear:both; line-height:40px; height: 50px; font-size:30px; cursor: default; background:white; max-width:40%; }
.location-container .at-location .smis_form > div  label { margin-left:5%; }
.location-container .at-location .form-container .btn-gps { height:40px; }
.location-container .at-location .form-container .btn-gps i { line-height:40px; }
.location-container .at-location .form-container { width:100%; }
.location-note { font-size:30px; width:80%; margin:0 auto; clear:both; text-align:center; }
.pac-container { z-index:1000000000 !important; }
.fcontainer_fp_location_at_delivery_address .input-append { width:40% ; }
.fcontainer_fp_location_at_delivery_address .input-append a { width: 10%; }
#fp_location_at_delivery_address { width:85% !important; max-width:96% !important; }


.bag-selection{display:flex;gap:30px;margin:30px 0;justify-content:center; width: 100%;}
.bag-btn{width:300px;height:300px;background:linear-gradient(145deg,#ffffff,#eaeaea);color:#000;font-size:4em;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 12px rgba(0,0,0,0.18),-2px -2px 6px rgba(255,255,255,0.8);transition:.15s ease;user-select:none;text-align:center;}
.bag-btn:hover{transform:translateY(-3px);background:linear-gradient(145deg,#f5f5f5,#ddd);}
.bag-btn:active{transform:scale(.96);}
.bag-btn.active{background:linear-gradient(145deg,#ef5350,#c62828);color:#fff;box-shadow:0 0 14px rgba(239,83,80,.6);}

@media (max-width:768px){.bag-selection{display:flex;flex-direction:row;gap:10px;margin:100px 0;padding:0 12px;justify-content:center;box-sizing:border-box;} .bag-btn{width:calc(50% - 10px);aspect-ratio:1/1;height:auto;font-size:2em;max-width:140px;}}