/* Country / dial-code selector for https://www.grbeautysea.com/contacts.html */
/* ===== Country / dial-code selector ===== */
.cc-field{position:relative;width:100%;}
.phone-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:50px;margin-top:5px;border:1px solid #bfbfbf;background:#fff;box-sizing:border-box;font-size:18px;}
.phone-row:focus-within{border-color:#9f6742;}
.cc-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:6px;height:100%;min-width:120px;max-width:48%;padding:0 10px;border:0;border-right:1px solid #d6d6d6;background:#fafafa;cursor:pointer;font-family:inherit;font-size:16px;color:#333;}
.cc-btn .f{width:24px;height:16px;-o-object-fit:cover;object-fit:cover;border:1px solid #ececec;flex:0 0 auto;display:block;}
.cc-btn .cc-dial{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;}
.cc-btn .arw{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #666;margin-left:2px;transition:transform .18s;}
.cc-btn[aria-expanded="true"] .arw{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.cc-input{flex:1 1 auto;-webkit-flex:1 1 auto;height:100%;min-width:0;border:0;outline:none;padding:0 12px;font-size:18px;color:#333;background:transparent;font-family:inherit;}
.cc-input::-webkit-input-placeholder{color:#bfbfbf;}
.cc-input::-moz-placeholder{color:#bfbfbf;}
.cc-input:-ms-input-placeholder{color:#bfbfbf;}
.cc-panel{position:absolute;z-index:300;top:100%;left:0;width:100%;max-width:380px;background:#fff;border:1px solid #d6d6d6;box-shadow:0 6px 18px rgba(0,0,0,.12);display:none;}
.cc-panel.open{display:block;}
.cc-search{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:0;border-bottom:1px solid #ececec;font-size:15px;outline:none;font-family:inherit;color:#333;}
.cc-list{max-height:250px;overflow-y:auto;margin:0;padding:0;list-style:none;-webkit-overflow-scrolling:touch;}
.cc-list li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:15px;line-height:22px;}
.cc-list li .nm{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-list li .dl{color:#888;font-variant-numeric:tabular-nums;}
.cc-list li .f{width:24px;height:16px;-o-object-fit:cover;object-fit:cover;border:1px solid #ececec;flex:0 0 auto;display:block;}
.cc-list li:hover,.cc-list li.cc-active{background:#f3ece6;}
.cc-list li[aria-selected="true"]{background:#f3ece6;font-weight:600;}
.cc-empty{padding:12px;color:#999;font-size:14px;display:none;}
@media (max-width:767px){.phone-row{height:48px;}.cc-btn{min-width:104px;font-size:15px;}.cc-input{font-size:16px;}.cc-search{font-size:16px;}}