@charset "utf-8";
/*===========================================
	index.css
=============================================*/


#supportarea dt {
    font-weight: bold;
}

#supportarea dd {
    margin-left: 15px;
    margin-top: 5px;
}


/* 	s5-searchBox */
.s5-searchBox *,
.s5-searchBox *::before,
.s5-searchBox *::after {
  box-sizing: border-box;
}

.s5-searchBox ul,
.s5-searchBox ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#supportarea .s5-searchBox {
    width: 90%;
	max-width: 600px;
	height: 120px;
	padding: 15px 15px 10px 15px;
}

#supportarea .s5-searchBox__inner .visually-hidden {
    display: block;
	font-weight: bold;
}

#supportarea button.s5-searchBox__searchSubmit:before {
    content: none;
}

#supportarea input.s5-searchBox__searchInput {
    margin-top: 15px;
}

#supportarea .form-pdp__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5em;
    inline-size: 100%;
	align-items: end;
}

#supportarea .form-pdp__label {
    position: relative;
}

#supportarea .form-pdp input[type="text"] {
    width: 100%;
    padding-block: calc(8 * 1em / 16);
    padding-inline: calc(8 * 1em / 16);
}

#supportarea .suggestions__list {
    position: absolute;
    inset-block-start: 100%;
    inline-size: 100%;
	border: 1px solid #ccc;
    border-top: none;
}

#supportarea #submit {
    padding-inline: calc(16 * 1em / 16);
    letter-spacing: .06em;
}

#supportarea #submit-pdp {
    padding-inline: calc(16 * 1em / 16);
    letter-spacing: .06em;
}

#supportarea .suggestions__item {
    background: #FFF;
}

#supportarea .suggestions__btn {
    display: block;
    inline-size: 100%;
    padding: .5em;
    font: inherit;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    color: #3865e0;
}

@media screen and (max-width: 640px) {
	#supportarea .s5-searchBox {
		width: calc(100vw * 0.8);
	}
}