/* t4024/t4025: international phone field on checkout. Label above, full width. */
html body#ag-unified-site main.ck .ag-phone{
  display:flex;flex-direction:column;align-items:stretch;gap:6px;
  width:100%;max-width:100%;margin:10px 0 12px;
  font-size:max(13px, calc(14px * var(--font-scale, 0.90)));color:#173253;
  position:relative;
}
html body#ag-unified-site main.ck .ag-phone-label{font-weight:700;line-height:1.35}
html body#ag-unified-site main.ck .ag-phone-field{
  display:flex;align-items:stretch;width:100%;max-width:100%;
  border:1px solid #8A93B0;border-radius:12px;background:#fff;overflow:visible;min-height:48px;
  position:relative;box-sizing:border-box;
}
html body#ag-unified-site main.ck .ag-phone-field.is-open,
html body#ag-unified-site main.ck .ag-phone-field:focus-within{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca22}
html body#ag-unified-site main.ck .ag-cc-btn{
  display:flex;align-items:center;gap:6px;flex:none;max-width:46%;
  padding:0 10px;margin:0;border:0;border-right:1px solid #c5d0e6;
  background:#eef2ff;color:#1e3a8a;font:inherit;font-weight:800;
  cursor:pointer;border-radius:12px 0 0 12px;min-height:48px;
  letter-spacing:.01em;white-space:nowrap;
}
html body#ag-unified-site main.ck .ag-cc-flag{font-size:20px;line-height:1;flex:none}
html body#ag-unified-site main.ck .ag-cc-dial{font-weight:800}
html body#ag-unified-site main.ck .ag-cc-caret{font-size:10px;opacity:.7;margin-left:2px}
html body#ag-unified-site main.ck .ag-phone-field input[data-phone-national]{
  flex:1 1 auto;min-width:0;width:100%;border:0;background:transparent;
  padding:12px 14px;margin:0;font:inherit;font-size:16px;line-height:1.3;color:#0b1f4d;
  border-radius:0 12px 12px 0;appearance:none;outline:0;direction:ltr;
}
html body#ag-unified-site main.ck .ag-phone-field input::placeholder{color:#6B7290}
html body#ag-unified-site main.ck .ag-cc-drop{
  display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);
  z-index:80;background:#fff;border:1px solid #c5d0e6;border-radius:12px;
  box-shadow:0 12px 32px -12px #1e3a8a66;max-height:260px;
  flex-direction:column;overflow:hidden;max-width:100%;box-sizing:border-box;
}
html body#ag-unified-site main.ck .ag-cc-drop.is-open{display:flex}
html body#ag-unified-site main.ck .ag-cc-drop.is-up{top:auto;bottom:calc(100% + 4px)}
html body#ag-unified-site main.ck .ag-cc-search{
  width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #e2e8f0;
  padding:10px 12px;font:inherit;font-size:16px;outline:0;direction:ltr;
}
html body#ag-unified-site main.ck .ag-cc-list{
  overflow:auto;max-height:210px;-webkit-overflow-scrolling:touch;margin:0;padding:4px 0;
}
html body#ag-unified-site main.ck .ag-cc-item{
  display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;
  border:0;background:transparent;font:inherit;font-size:14px;text-align:left;
  cursor:pointer;color:#0b1f4d;min-height:40px;box-sizing:border-box;
}
html body#ag-unified-site main.ck .ag-cc-item:hover,
html body#ag-unified-site main.ck .ag-cc-item[aria-selected="true"]{background:#eef2ff}
html body#ag-unified-site main.ck .ag-cc-item .ag-cc-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body#ag-unified-site main.ck .ag-cc-item .ag-cc-code{flex:none;color:#334155;font-weight:700}
html body#ag-unified-site main.ck .ag-cc-empty{padding:12px;color:#64748b;font-size:13px}
html body#ag-unified-site main.ck .ag-phone-hint{font-size:12px;color:#475569;margin:0}
html body#ag-unified-site main.ck .ag-phone.is-invalid .ag-phone-field{border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c22}
@media (max-width:480px){
  html body#ag-unified-site main.ck .ag-cc-btn{padding:0 8px;max-width:50%}
  html body#ag-unified-site main.ck .ag-cc-drop{max-height:50vh}
}