/* Domain search. Mobile first: the search, the list, then the basket; from 900 px the basket stands beside the list. */
.wasfd, .wasfm { max-width: 1000px; font-size: 16px; line-height: 1.4; }
.wasfd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect( 0, 0, 0, 0 ); white-space: nowrap; }
.wasfd-search { display: flex; gap: .5em; padding: .5em; border: 2px solid #c3c4c7; border-radius: 12px; background: #fff; }
.wasfd-search:focus-within { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; }
.wasfd-search input[type="text"] { flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 .6em; border: 0; outline: 0; box-shadow: none; background: transparent; font-size: 16px; }
.wasfd-go { flex: 0 0 auto; min-height: 48px; padding: 0 1.4em; border: 0; border-radius: 8px; background: var( --wasf-button-bg, #111 ); color: var( --wasf-button-text, #fff ); font-size: 16px; font-weight: 600; cursor: pointer; }
.wasfd-error { color: #b32d2e; min-height: 1.4em; margin: .5em 0; }
.wasfd-cols { display: flex; flex-direction: column; gap: 1.5em; }
.wasfd-title { margin: 0 0 .6em; font-size: 1.25em; }
.wasfd-wait { padding: 1em 0; }
.wasfd-list, .wasfd-items { list-style: none; margin: 0; padding: 0; }
.wasfd-row { display: flex; flex-wrap: wrap; align-items: center; gap: .4em .8em; margin: 0 0 .6em; padding: .8em 1em; border: 1px solid #dcdcde; border-radius: 10px; background: #fff; }
.wasfd-row-in { border-color: #2271b1; background: #f0f6fc; }
.wasfd-row-taken { opacity: .55; }
.wasfd-name { flex: 1 1 12em; font-size: 1.1em; word-break: break-all; }
.wasfd-label { font-weight: 400; }
.wasfd-tld { font-weight: 700; }
.wasfd-badge { display: inline-block; margin-left: .6em; padding: .1em .6em; border-radius: 999px; background: #dcefd6; color: #1a5f1a; font-size: .75em; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; white-space: nowrap; }
.wasfd-price { display: flex; flex-direction: column; text-align: right; }
.wasfd-price small { opacity: .7; }
.wasfd-was { opacity: .6; font-size: .85em; }
.wasfd-item-dns { padding-top: 0; }
.wasfd-dns { position: relative; display: flex; align-items: center; gap: .6em; font-weight: 700; cursor: pointer; }
.wasfd-dns input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.wasfd-switch { position: relative; flex: 0 0 auto; width: 44px; height: 24px; border-radius: 999px; background: #8c8f94; transition: background .15s; }
.wasfd-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.wasfd-dns input:checked + .wasfd-switch { background: var( --wasf-button-bg, #111 ); }
.wasfd-dns input:checked + .wasfd-switch::after { transform: translateX( 20px ); }
.wasfd-dns input:focus-visible + .wasfd-switch { outline: 2px solid #2271b1; outline-offset: 2px; }
.wasfd-item-dns .wasfd-item-price { transition: opacity .15s; }
.wasfd-item-dns .wasfd-item-price.wasfd-off { opacity: .4; }
.wasfd-state { margin-left: auto; font-size: .9em; }
.wasfd-add { min-height: 44px; min-width: 7.5em; padding: 0 1em; border: 2px solid var( --wasf-button-bg, #111 ); border-radius: 8px; background: #fff; color: var( --wasf-button-bg, #111 ); font-weight: 600; cursor: pointer; }
.wasfd-add[aria-pressed="true"] { background: var( --wasf-button-bg, #111 ); color: var( --wasf-button-text, #fff ); }
.wasfd-note-row { flex: 1 0 100%; font-size: .85em; opacity: .75; }
.wasfd-basket { padding: 1em; border-radius: 12px; background: var( --wasf-basket-bg, #f0f0f1 ); color: var( --wasf-basket-text, inherit ); }
.wasfd-empty { margin: 0; opacity: .75; }
.wasfd-item { display: grid; grid-template-columns: minmax( 0, 1fr ) auto 36px; align-items: center; column-gap: .6em; padding: .45em 0; border-bottom: 1px solid #dcdcde; }
.wasfd-item-domain { grid-template-columns: minmax( 0, 1fr ) 36px; row-gap: 0; }
.wasfd-item-domain .wasfd-item-name { grid-column: 1 / -1; }
.wasfd-item-domain .wasfd-item-price { grid-column: 1; }
.wasfd-item-domain .wasfd-remove { grid-column: 2; }
.wasfd-item-name { min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wasfd-item-price { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wasfd-remove { box-sizing: border-box; display: grid; place-items: center; width: 36px; height: 36px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: inherit; font-size: 1.4em; line-height: 1; cursor: pointer; }
.wasfd-sums { display: grid; grid-template-columns: 1fr auto; gap: .25em 1em; margin: 1em 0 .4em; padding-right: calc( 36px + .6em ); font-variant-numeric: tabular-nums; }
.wasfd-sums dt, .wasfd-sums dd { margin: 0; }
.wasfd-sums dd { text-align: right; }
.wasfd-total { margin-top: .4em; padding-top: .5em; border-top: 1px solid #c3c4c7; font-size: 1.15em; font-weight: 700; }
.wasfd-small, .wasfd-vatnote { font-size: .85em; opacity: .75; }
.wasfd-continue { display: block; width: 100%; min-height: 54px; margin-top: .8em; border: 0; border-radius: 10px; background: var( --wasf-button-bg, #111 ); color: var( --wasf-button-text, #fff ); font-size: 17px; font-weight: 600; cursor: pointer; }
.wasfd-continue[disabled] { opacity: .55; cursor: not-allowed; }
.wasfd-note { padding: .8em; background: #f6f7f7; border: 1px solid #dcdcde; }
.wasf-field { margin: 1em 0 .8em; }
.wasf-field label { display: block; margin-bottom: .4em; font-weight: 600; }
.wasf-checkout input[type="email"] { width: 100%; box-sizing: border-box; min-height: 48px; padding: .6em .8em; font-size: 16px; }
.wasf-error { min-height: 1.4em; margin: .5em 0 0; color: #b32d2e; }
.wasf-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.wasfc { box-sizing: border-box; max-width: 100%; font-size: 16px; }
.wasfc .wasfd-item-price { text-align: left; white-space: normal; }
.wasfc-renewal { grid-column: 1; }
.wasfc .wasfd-item-name { white-space: normal; overflow-wrap: anywhere; }
.wasfc .wasfd-dns { margin-top: .8em; }
.wasfc .wasfd-sums { padding-right: 0; }
.wasfc > .wasf-error:empty { display: none; }
@media ( min-width: 900px ) {
	.wasfd-cols { flex-direction: row; align-items: flex-start; }
	.wasfd-results { flex: 1 1 auto; min-width: 0; }
	.wasfd-basket { flex: 0 0 320px; position: sticky; top: 1em; }
}